@layer components{.btn{justify-content:center;align-items:center;gap:var(--s-2);max-width:100%;min-height:44px;font-family:var(--font-sans);font-size:15px;font-weight:var(--fw-medium);letter-spacing:-.003em;text-align:center;white-space:normal;-webkit-user-select:none;user-select:none;border-radius:var(--r-2);cursor:pointer;transition:background-color var(--d-1) var(--ease-out), color var(--d-1) var(--ease-out), box-shadow var(--d-1) var(--ease-out), text-decoration-thickness var(--d-1) var(--ease-out), transform var(--d-1) var(--ease-out);border:0;padding:10px 18px;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:translateY(1px)}.btn:focus-visible{border-radius:var(--r-2)}.btn:disabled{cursor:not-allowed}.btn svg{flex:none}.btn__testo{min-width:0}.btn--sm{min-height:36px;padding:6px 14px;font-size:14px}.btn--md{min-height:44px;padding:10px 18px;font-size:15px}.btn--lg{min-height:52px;padding:13px 24px;font-size:16px}.btn--full{width:100%}.btn--nowrap{white-space:nowrap}.btn--primary{background:var(--cta-primary-bg);color:var(--cta-primary-text)}.btn--primary:hover{background:var(--cta-primary-bg-hover)}.btn--primary:active{background:var(--cta-primary-bg-active)}.btn--secondary{background:var(--cta-secondary-bg);color:var(--cta-secondary-text)}.btn--secondary:hover{background:var(--cta-secondary-bg-hover)}.btn--secondary:active{background:var(--cta-secondary-bg-active)}.btn--ghost{color:var(--ghost-text);text-underline-offset:.22em;background:0 0;padding-inline:2px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.btn--ghost:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.btn--ghost:active{transform:none}.btn__arrow{transition:transform var(--d-2) var(--ease-out)}.btn--ghost:hover .btn__arrow{transform:translate(3px)}.btn--link{min-height:0;color:inherit;font-size:inherit;font-weight:inherit;text-underline-offset:.18em;border-radius:var(--r-1);background:0 0;padding:0;text-decoration:underline;text-decoration-thickness:1px;overflow:visible}.btn--link:hover{text-decoration-thickness:2px}.btn--link:active{transform:none}.btn--icon{width:44px;min-height:44px;color:var(--inchiostro);background:0 0;padding:0}.btn--icon:hover{background:var(--velina)}.btn--icon.btn--sm{width:36px;min-height:36px}.btn--icon.btn--lg{width:52px;min-height:52px}.btn:disabled:not(.is-loading),.btn[aria-disabled=true]{background:var(--filo);color:var(--cenere);text-decoration:none;transform:none}.btn--ghost:disabled:not(.is-loading),.btn--ghost[aria-disabled=true],.btn--link:disabled,.btn--link[aria-disabled=true]{background:0 0}.btn.is-loading{cursor:progress}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite btn-gira}.btn--lg .btn__spinner{width:18px;height:18px}@keyframes btn-gira{to{transform:rotate(360deg)}}.btn__attesa{opacity:0;transform-origin:0;pointer-events:none;background:currentColor;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.btn__attesa.is-attesa{animation:btn-attesa-entra var(--d-2) var(--ease-out) .12s forwards, btn-attesa-corre 1.2s var(--ease-in-out) .12s infinite}@keyframes btn-attesa-entra{to{opacity:.55}}@keyframes btn-attesa-corre{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}50.01%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(0)}}@media (forced-colors:active){.btn{border:1px solid buttontext}.btn--ghost,.btn--link,.btn--icon{border-color:#0000}}}