.rainbow-btn{position:relative;padding:4px;border-radius:64px;background:conic-gradient(from var(--angle,0deg),#ff4b4b,#ffe14b,#4bff81,#4b4bff,#f64bff,#ff4b4b);animation:rotate-border 3s linear infinite;cursor:pointer;border:none;outline:none;font-family:inherit}.rainbow-btn span{display:block;border-radius:64px;background:#1e1e2a;color:#fff;font-weight:600;letter-spacing:4px;white-space:nowrap;transition:background .3s}.rainbow-btn:hover span{background:#2a2a3a}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--angle:360deg}}@keyframes marquee-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-bg{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.rolling-track{width:max-content;animation:scroll-bg 40s linear infinite}@keyframes marquee-left-offset{0%{transform:translateX(-180px)}to{transform:translateX(calc(-50% - 180px))}}@keyframes marquee-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.marquee-wrapper{overflow:hidden}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.marquee-track{display:flex;width:max-content}.marquee-track-left{animation:marquee-left 40s linear infinite}.marquee-track-left-offset{animation:marquee-left-offset 40s linear infinite}.marquee-track-right{animation:marquee-right 40s linear infinite}.review-card{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.review-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:10;background:#000;color:#fff}.review-card:hover p{color:#fff}