.sticky-footer {
    position: sticky;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--white);
    border-radius: 0 0 $border-radius $border-radius;
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
    opacity: 0;
    transition:
        transform $navigation-toggle-duration ease-in-out,
        width $navigation-toggle-duration ease-in-out,
        opacity $navigation-toggle-duration ease-in-out;
    will-change: transform;

    &.opened {
        height: unset;
        padding: $modal-footer-small-padding;
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
}

.sticky-footer-mod-header {
    margin-right: -$header-padding;
    margin-left: -$header-padding;
}