.button{font-family:Inter,sans-serif;font-size:var(--spacing-9);font-style:normal;font-weight:700;line-height:var(--spacing-11);letter-spacing:0;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-1) var(--spacing-7);white-space:nowrap;border:var(--spacing-2) solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);flex-shrink:0;text-decoration:none;transition:background-color .12s ease-out;display:inline-flex;position:relative;overflow:hidden}@media (min-width:1024px){.button:hover{background-color:var(--button-bg-hover);color:var(--button-text)}}.button:active{background-color:var(--button-bg-hover)}.button:focus-visible{outline:var(--spacing-3) solid var(--colors-text-usual-prime);outline-offset:var(--spacing-3)}.button.icon-only{padding:var(--spacing-1)}.button .button-icon{width:var(--button-icon-size);height:var(--button-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.button .button-icon svg,.button .button-icon img{width:100%;height:100%}.button.wide{flex-shrink:1;width:100%}.button.disabled,.button:disabled,.button[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--button-bg-disabled);color:var(--colors-additional-space-4)}.button{height:var(--spacing-22);border-radius:var(--radius-7);--button-icon-size:var(--spacing-15)}.button.icon-only:not(.wide){width:var(--spacing-22)}.button{--button-bg:var(--colors-brand-scooter-6-accent);--button-bg-hover:var(--colors-brand-scooter-4);--button-text:var(--colors-text-notusual-black);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.mini{height:var(--spacing-15);border-radius:var(--radius-6);--button-icon-size:var(--spacing-11)}.button.mini.icon-only:not(.wide){width:var(--spacing-15)}.button.medium{height:var(--spacing-20);border-radius:var(--radius-6);--button-icon-size:var(--spacing-15)}.button.medium.icon-only:not(.wide){width:var(--spacing-20)}.button.big{height:var(--spacing-22);border-radius:var(--radius-7);--button-icon-size:var(--spacing-15)}.button.big.icon-only:not(.wide){width:var(--spacing-22)}.button.xl{height:var(--spacing-25);border-radius:var(--radius-9);--button-icon-size:var(--spacing-15)}.button.xl.icon-only:not(.wide){width:var(--spacing-25)}.button.island{--button-bg:var(--colors-additional-island-6-accent);--button-bg-hover:var(--colors-additional-island-3);--button-text:var(--colors-text-notusual-black);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.scooter{--button-bg:var(--colors-brand-scooter-6-accent);--button-bg-hover:var(--colors-brand-scooter-4);--button-text:var(--colors-text-notusual-black);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.sand{--button-bg:var(--colors-brand-sand-6-accent);--button-bg-hover:var(--colors-brand-sand-4);--button-text:var(--colors-text-notusual-black);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.danger{--button-bg:var(--colors-additional-danger-6-accent);--button-bg-hover:var(--colors-additional-danger-5);--button-text:var(--colors-text-notusual-white);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.danger-2{--button-bg:var(--colors-additional-space-3);--button-bg-hover:var(--colors-additional-space-2);--button-text:var(--colors-additional-danger-7);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.sun{--button-bg:var(--colors-additional-sun-6-accent);--button-bg-hover:var(--colors-additional-sun-4);--button-text:var(--colors-text-notusual-black);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.ocean{--button-bg:var(--colors-additional-ocean-6-accent);--button-bg-hover:var(--colors-additional-ocean-4);--button-text:var(--colors-text-notusual-black);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.sky{--button-bg:var(--colors-additional-sky-6-accent);--button-bg-hover:var(--colors-additional-sky-5);--button-text:var(--colors-text-notusual-white);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.berries{--button-bg:var(--colors-additional-berries-6-accent);--button-bg-hover:var(--colors-additional-berries-4);--button-text:var(--colors-text-notusual-white);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.space-1{--button-bg:var(--colors-surface-usual-second);--button-bg-hover:var(--colors-surface-usual-third);--button-text:var(--colors-text-usual-prime);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.border{--button-bg:transparent;--button-bg-hover:var(--colors-surface-usual-third);--button-text:var(--colors-text-usual-prime);--button-border:var(--colors-border-usual-prime);--button-bg-disabled:var(--colors-additional-space-2)}.button.space-2{--button-bg:var(--colors-additional-space-11);--button-bg-hover:var(--colors-additional-space-9);--button-text:var(--colors-text-invert-prime);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.surface{--button-bg:var(--colors-surface-usual-prime);--button-bg-hover:var(--colors-surface-usual-third);--button-text:var(--colors-text-usual-prime);--button-border:var(--colors-border-usual-prime);--button-bg-disabled:var(--colors-surface-usual-second)}.button.white{--button-bg:var(--colors-surface-notusual-white);--button-bg-hover:var(--colors-surface-notusual-gray);--button-text:var(--colors-text-notusual-black);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.black{--button-bg:var(--colors-surface-notusual-black);--button-bg-hover:var(--colors-surface-usual-third);--button-text:var(--colors-text-notusual-white);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}.button.secondary{--button-bg:var(--colors-surface-usual-second);--button-bg-hover:var(--colors-surface-usual-third);--button-text:var(--colors-text-usual-prime);--button-border:transparent;--button-bg-disabled:var(--colors-additional-space-2)}
