.arrow-btn{color:#fff;cursor:pointer;will-change:transform;background:radial-gradient(circle,#36a5ff,#2c65e1);border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:fit-content;min-width:160px;max-width:280px;height:48px;padding:0 16px;font-family:inherit;font-size:clamp(13px,2vw,15px);font-weight:600;transition:background-color .3s,transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.arrow-btn:hover{background:linear-gradient(90deg,#2c65e1 0%,#02a7ff 30%,#1ce295 70%,#d8e12b 100%);transform:scale(1.02)}.arrow-btn-text{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative}.arrow-btn-wrapper{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.arrow-btn-icon{object-fit:contain;width:40px;height:40px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);position:absolute}.arrow-main{opacity:1;transform:translate(0)}.arrow-btn:hover .arrow-main{opacity:0;transform:translate(20px,-20px)}.arrow-secondary{opacity:0;transform:translate(-20px,20px)}.arrow-btn:hover .arrow-secondary{opacity:.9;transition-delay:50ms;transform:translate(0)}