/* Floating actions
------------------------------------- */
.floating-actions {
    position: fixed;
    right: 16px;
    bottom: 100px;
    z-index: 10;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.floating-actions__item,
.floating-actions__toggle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin-top: 8px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #000;
    border:0 none;
    cursor: pointer;
}

.floating-actions__item img,
.floating-actions__toggle img {
    width: 56px;
    height: 56px;
    pointer-events: none;
}

/* Closed state (default) */
.floating-actions:not(.is-open) .floating-actions__item {
    display: none;
}

/* Toggle button always visible */
.floating-actions__toggle {
    background: #000;
}

/* Tablet tweaks */
@media (min-width: 576px) {
    .floating-actions {
        bottom: 45px;
        right: 32px;
    }
}


/* Desktop tweaks */
@media (min-width: 1025px) {
    .floating-actions {
        right: 50px;
        bottom: 16px;
    }
}