#btn-download-page-link {
    transition: all 0.3s ease;
}

.btn-download.last {
    box-sizing: border-box;
    border: 0
}

#btn-download-page-link.keep-active.last {
    pointer-events: auto;
    cursor: pointer;
    opacity: 1;
    animation: none;
}

@media (max-width: 767px) {
    #btn-download-page-link.btn-floating {
        position: fixed;
        z-index: 6;
        animation: slideUp 0.3s ease;
        bottom: 20px;
        width: calc(100% - 48px);
    }

    #btn-download-page-link.keep-active.btn-floating {
        animation: slideUp 0.3s ease;
    }

    #btn-download-page-link.keep-active.hide {
        animation: slideDown 0.3s ease forwards;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(100px);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(100px);
        opacity: 0;
    }
}