.arrow-button{width:fit-content;font-family:var(--font-ui);letter-spacing:-.09px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:18px;text-decoration:none;transition:all .17s;display:inline-flex;position:relative;overflow:hidden}.arrow-button[data-size=lg]{height:44px;font-size:15px}.arrow-button-content{justify-content:center;align-items:center;display:flex;position:relative}.arrow-button[data-size=lg] .arrow-button-content{padding:0 26px}.arrow-button-children{justify-content:center;align-items:center;gap:.25rem;font-weight:500;transition:all .17s;display:flex}.arrow-button:active .arrow-button-children{transform:scale(.99)}.arrow-button[data-variant=primary]{color:#fff;background:linear-gradient(#ffffff0d, #0000000d), var(--primary);border:1px solid #00000008;border-radius:10px;box-shadow:0 1px 2px #0000000d}.arrow-button[data-variant=primary]:hover{background:var(--primary)}.arrow-button[data-variant=secondary]{color:var(--foreground);background:#fff;box-shadow:0 0 0 1px #0000000d}.arrow-button[data-variant=secondary]:hover{box-shadow:0 0 0 1px #0000001a}.arrow-button[data-variant=secondary] .arrow-button-arrow{color:#2528264d}.arrow-button[data-variant=secondary]:hover .arrow-button-arrow{color:#25282699}.arrow-button-spinner{opacity:0;pointer-events:none;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;right:1.25rem}.arrow-button-spinner svg{animation:1s linear infinite arrow-button-spin}.arrow-button[data-spinner=true]{pointer-events:none}.arrow-button[data-spinner=true] .arrow-button-spinner{opacity:1}.arrow-button[data-spinner=true] .arrow-button-children{opacity:0}@keyframes arrow-button-spin{to{transform:rotate(360deg)}}