.back-to-top {
@apply fixed bottom-6 right-6 z-40 w-11 h-11 rounded-full flex items-center justify-content-center;
background: var(--accent);
- box-shadow: 0 0 12px rgba(168, 85, 247, 0.4);
+ box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.4);
transition: background 200ms ease, box-shadow 200ms ease;
color: #fff;
}
.back-to-top:hover {
- background: #9333ea;
+ background: var(--accent);
+ filter: brightness(0.85);
box-shadow: 0 0 20px var(--accent);
}
.back-to-top:focus-visible {