/* =========================================
   Layout.css
========================================= */


/* Scroll-To-Top Button */

/* Scroll-To-Top Button */

#scrollTopBtn {
    position: fixed;
    right: 22px;
    bottom: 22px;

    width: 54px;
    height: 54px;

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

    background: rgba(20, 20, 20, 0.88);
    border: 2px solid #d94a38;
    border-radius: 50%;

    cursor: pointer;

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        visibility 0.35s ease,
        background 0.25s ease;

    z-index: 9999;

    backdrop-filter: blur(4px);
}

#scrollTopBtn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#scrollTopBtn:hover {
    background: rgba(40, 40, 40, 0.95);
}

#scrollTopBtn svg {
    width: 24px;
    height: 24px;
    fill: #d94a38;
}