:root{--color-primary:#4c9ff1;--color-primary-hover:#3B8EE3;--color-secondary:#102B32;--color-secondary-hover:#1a3d47;--color-accent:#cfef00;--color-accent-hover:#c4e201;--color-white:#ffffff;--color-black:#000000;--color-primary-light:rgba(7,158,215,0.1)}.arrow-btn{cursor:pointer;font-weight:700;transition:all .2s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;outline:none;position:relative;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.arrow-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.arrow-btn:active{transform:scale(.95)}.arrow-btn-text{position:relative;z-index:1}.arrow-btn-icon{width:34px;height:34px;transition:transform .3s ease-in-out;flex-shrink:0}.arrow-btn:hover .arrow-btn-icon{transform:translateX(5px)}.arrow-btn-icon-left{transform:rotate(180deg)}.arrow-btn:hover .arrow-btn-icon-left{transform:rotate(180deg) translateX(5px)}.arrow-btn-primary{background:var(--accent-color);color:var(--color-white)}.arrow-btn-primary:hover{background:var(--color-primary-hover)}.arrow-btn-secondary{background:var(--color-secondary);color:var(--color-white)}.arrow-btn-secondary:hover{background:var(--color-secondary-hover)}.arrow-btn-accent{background:var(--color-accent);color:var(--color-black)}.arrow-btn-accent:hover{background:var(--color-accent-hover)}.arrow-btn-outline-primary{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.arrow-btn-outline-primary:hover{background:var(--accent-color);color:var(--color-white)}.arrow-btn-outline-secondary{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)}.arrow-btn-outline-secondary:hover{background:var(--color-secondary);color:var(--color-white)}.arrow-btn-outline-accent{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.arrow-btn-outline-accent:hover{background:var(--color-accent);color:var(--color-black)}.arrow-btn-ghost{background:transparent;color:var(--accent-color)}.arrow-btn-ghost:hover{background:var(--color-primary-light)}.arrow-btn-sm{padding:8px 16px;font-size:13px;gap:8px}.arrow-btn-sm .arrow-btn-icon{width:28px;height:28px}.arrow-btn-md{padding:10px 20px;font-size:15px;gap:10px}.arrow-btn-md .arrow-btn-icon{width:30px;height:30px}.arrow-btn-lg{padding:14px 28px;font-size:17px;gap:12px}.arrow-btn-lg .arrow-btn-icon{width:40px;height:40px}.arrow-btn-rounded-none{border-radius:0}.arrow-btn-rounded-sm{border-radius:6px}.arrow-btn-rounded-md{border-radius:12px}.arrow-btn-rounded-lg{border-radius:24px}.arrow-btn-rounded-full{border-radius:14px}.arrow-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.arrow-btn-disabled:hover,.arrow-btn-disabled:hover .arrow-btn-icon{transform:none}@media (max-width:640px){.arrow-btn-sm{padding:6px 14px;font-size:12px}.arrow-btn-sm .arrow-btn-icon{width:24px;height:24px}.arrow-btn-md{padding:8px 18px;font-size:14px}.arrow-btn-md .arrow-btn-icon{width:30px;height:30px}.arrow-btn-lg{padding:12px 24px;font-size:16px}.arrow-btn-lg .arrow-btn-icon{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.arrow-btn,.arrow-btn-icon{transition:none;animation:none}.arrow-btn:active,.arrow-btn:hover .arrow-btn-icon{transform:none}}.arrow-btn-loading{position:relative;pointer-events:none}.arrow-btn-loading .arrow-btn-text{opacity:.6}.arrow-btn-loading .arrow-btn-icon{animation:arrow-btn-pulse 1.5s ease-in-out infinite}@keyframes arrow-btn-pulse{0%,to{opacity:1}50%{opacity:.4}}.arrow-btn:not(:has(.arrow-btn-icon)){gap:0}