:root{--color-primary:#4c9ff1;--color-primary-hover:#3b8ee3;--color-secondary:#102b32;--color-secondary-hover:#1a3d47;--color-accent:#cfef00;--color-accent-hover:#c4e201;--color-white:#fff;--color-black:#000;--color-primary-light:#079ed71a}.arrow-btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;outline:none;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.arrow-btn:focus-visible{outline-offset:2px;outline:2px solid}.arrow-btn:active{transform:scale(.95)}.arrow-btn-text{z-index:1;position:relative}.arrow-btn-icon{flex-shrink:0;width:34px;height:34px;transition:transform .3s ease-in-out}.arrow-btn:hover .arrow-btn-icon{transform:translate(5px)}.arrow-btn-icon-left{transform:rotate(180deg)}.arrow-btn:hover .arrow-btn-icon-left{transform:rotate(180deg)translate(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{color:var(--accent-color);border:2px solid var(--accent-color);background:0 0}.arrow-btn-outline-primary:hover{background:var(--accent-color);color:var(--color-white)}.arrow-btn-outline-secondary{color:var(--color-secondary);border:2px solid var(--color-secondary);background:0 0}.arrow-btn-outline-secondary:hover{background:var(--color-secondary);color:var(--color-white)}.arrow-btn-outline-accent{color:var(--color-accent);border:2px solid var(--color-accent);background:0 0}.arrow-btn-outline-accent:hover{background:var(--color-accent);color:var(--color-black)}.arrow-btn-ghost{color:var(--accent-color);background:0 0}.arrow-btn-ghost:hover{background:var(--color-primary-light)}.arrow-btn-sm{gap:8px;padding:8px 16px;font-size:13px}.arrow-btn-sm .arrow-btn-icon{width:28px;height:28px}.arrow-btn-md{gap:10px;padding:10px 20px;font-size:15px}.arrow-btn-md .arrow-btn-icon{width:30px;height:30px}.arrow-btn-lg{gap:12px;padding:14px 28px;font-size:17px}.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:8px}.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{pointer-events:none;position:relative}.arrow-btn-loading .arrow-btn-text{opacity:.6}.arrow-btn-loading .arrow-btn-icon{animation:1.5s ease-in-out infinite arrow-btn-pulse}@keyframes arrow-btn-pulse{0%,to{opacity:1}50%{opacity:.4}}.arrow-btn:not(:has(.arrow-btn-icon)){gap:0}