/* ===== Scroll To Top Button ===== */
.scroll-top {
    position: fixed;
    left: 1.875em;
    bottom: 1.875em;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    background: #135266;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease,
                transform 0.8s ease;
    z-index: 100;
    box-shadow: 0 0.75em 1.875em rgba(52,123,237,0.4);
}

/* SVG */
.scroll-top svg {
    width: 2em;
    height: 2em;
    fill: currentColor;
}

/* Visible state */
.scroll-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}