#button.back-to-top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1000;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    appearance: none;
    background: linear-gradient(86deg, #3FAFF0 0%, #2028EB 105.18%);
    box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.12) inset;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease;
    cursor: pointer;
}

#button.back-to-top::after {
    content: "\f077";
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

#button.back-to-top:hover {
    background: linear-gradient(-86deg, #2028EB 0%, #3FAFF0 105.18%);
}

#button.back-to-top:focus-visible {
    outline: 3px solid #159CF2;
    outline-offset: 3px;
}

#button.back-to-top.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (max-width: 575.98px) {
    #button.back-to-top {
        right: 16px;
        bottom: 16px;
    }
}