.main-buttons-wrapper {
    display: flex;
    gap: 1rem;
}
#footer .main-buttons-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 1046;
    justify-content: center;
    width: 100%;
    padding: 1rem;
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
    transition: bottom .5s cubic-bezier(.215, .61, .355, 1);
}
body:not(.menu-open) #footer .main-buttons-wrapper {
    bottom: -20%;
    pointer-events: auto;
    animation: slideInViewportFromBottom .5s cubic-bezier(.215, .61, .355, 1) .5s forwards;
}
body.menu-open #footer .main-buttons-wrapper {
    animation: slideOutsideViewportFromBottom .5s cubic-bezier(.215, .61, .355, 1) .5s forwards;
}
.main-buttons-wrapper a.btn-custom-1 {
    font-size: 16px;
}
@media (min-width: 992px) {
    .main-buttons-wrapper a.btn-custom-1 {
        font-size: 19px;
    }
    #footer .main-buttons-wrapper {
        display: none;
    }
}
@media (max-width: 400px) {
    .main-buttons-wrapper a.btn-custom-1 {
        font-size: 14px;
        gap: 5px;
    }
    .main-buttons-wrapper a.btn-custom-1 svg {
        height: 26px;
    }
}
@keyframes slideInViewportFromBottom {
    from {
        bottom: -20%;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}
@keyframes slideOutsideViewportFromBottom {
    from {
        bottom: 0;
        opacity: 1;
    }
    to {
        bottom: -20%;
        opacity: 1;
    }
}