#scroll-to-top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--scroll-to-top-btn-bg);
    color: white;
    border: 1px solid var(--contentbox-border);
    padding: 10px 12px;
    border-radius: 25%;
    cursor: pointer;
    display: none;
    z-index: 998;
    transition: opacity 0.3s ease;
}

#scroll-to-top-btn svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: white;
    stroke-width: 3;
    stroke-linecap: round;
}

#scroll-to-top-btn:hover {
    background-color: var(--scroll-to-top-btn-bg-hover);
    border-color: var(--contentbox-border-hover);
}

@media (max-width: 768px) {
    #scroll-to-top-btn {
        padding: 12px 12px;
    }

    #scroll-to-top-btn:hover {
        background-color: var(--scroll-to-top-btn-bg);
        border-color: var(--contentbox-border);
    }
}