/* Scroll to Top Button - Gradient Colors */
.top-btn {
    background: linear-gradient(135deg, #ff6ea1 0%, #9b4dff 100%) !important;
    box-shadow: 0 4px 20px rgba(155, 77, 255, 0.3) !important;
}

.top-btn:hover {
    background: linear-gradient(135deg, #e62a4d 0%, #7a3dcc 100%) !important;
    box-shadow: 0 8px 30px rgba(155, 77, 255, 0.5) !important;
}

.top-btn.active::before {
    background: rgba(155, 77, 255, 0.3) !important;
}

.top-btn.active::after {
    background: conic-gradient(from 0deg, #9b4dff 0deg, #9b4dff calc(var(--progress, 0) * 3.6deg), #e9ecef calc(var(--progress, 0) * 3.6deg), #e9ecef 360deg) !important;
}