#scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
background: #990c0c;
color: white;
border: none;
border-radius: 50%;
cursor: pointer;
display: none; z-index: 1000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: background 0.3s, opacity 0.3s;
}
#scroll-to-top:hover {
background: #ea0a0a; opacity: 0.9;
}
#scroll-to-top i {
font-size: 20px;
} #scroll-to-top.show-scroll-to-top {
display: block;
} @media (max-width: 768px) {
#scroll-to-top {
width: 40px;
height: 40px;
bottom: 15px;
right: 15px;
}
#scroll-to-top i {
margin: 0 0 2px -4px;
font-size: 16px;
}
}