.refresh-button-desktop {
position: fixed;
bottom: 20px;
right: 20px;
width: 44px;
height: 44px;
background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.1));
border: 1px solid rgba(245, 158, 11, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 999;
backdrop-filter: blur(8px);
}
.refresh-button-desktop:hover {
transform: scale(1.1) translateY(-2px);
box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(217, 119, 6, 0.2));
border-color: rgba(245, 158, 11, 0.35);
}
.refresh-button-desktop:active {
transform: scale(0.95);
}
.refresh-button-desktop svg {
width: 20px;
height: 20px;
color: rgba(251, 191, 36, 0.9);
transition: transform 0.3s ease;
}
.refresh-button-desktop:hover svg {
color: white;
}
.refresh-button-desktop.refreshing svg {
animation: spin 0.6s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media (max-width: 767px) {
.refresh-button-desktop {
display: none;
}
}
.refresh-button-mobile {
display: none;
}
@media (max-width: 767px) {
.refresh-button-mobile {
display: flex;
}
}