:root {
      --main: #f4e9d0;
    --accent: #8b0000;        /* кроваво-красный */
    --second-accent: #d4af37; /* золотой */
}

.scroll-top {
    position: fixed;
    left: 30px;
    bottom: 30px;
    width: 45px;
    height: 45px;
    background: var(--accent);
    color: var(--second-accent);
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    text-decoration: none;

    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* показываем */
.scroll-top.show {
    opacity: 1;
    visibility: visible;
}

/* стрелка */
.scroll-top span {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* hover */
.scroll-top:hover {
    transform: scale(1.15);
}

/* поворот стрелки */
.scroll-top:hover {
    transform: rotate(180deg);
}