.button-flat{background-color:#00464d;color:#fff;border-radius:.25rem;padding:.25rem .5rem;transition:all .3s ease-in-out}.button-flat:hover{background-color:#226066}.button-flat:focus-visible{outline:2px solid #88ABAE;outline-offset:2px}.button-flat:disabled{background-color:#aac3c6;color:#44797e}.button-flat-neutral{background-color:#e5e7eb;color:#6b7280;transition:all .3s ease-in-out}.button-flat-neutral:hover{background-color:#d1d5db;color:#4b5563}.button-flat-neutral:focus-visible{outline:2px solid #374151;outline-offset:2px}.button-flat-neutral:disabled{background-color:#f3f4f6;color:#d1d5db}.button-outline{outline:2px solid #226066;color:#226066;border-radius:.25rem;padding:.25rem .5rem;transition:all .3s ease-in-out}.button-outline:hover{outline:2px solid #00464D;color:#00464d}.button-outline:focus-visible{outline:2px solid #003E45;color:#003e45}.button-outline:disabled{outline:2px solid #88ABAE;color:#88abae}.button-neutral-outline{outline:1px solid #6b7280;color:#6b7280;border-radius:.25rem;padding:.25rem .5rem;transition:all .3s ease-in-out}.button-neutral-outline:hover{outline:1px solid #4b5563;color:#4b5563}.button-neutral-outline:focus-visible{outline:1px solid #374151;color:#374151}.button-neutral-outline:disabled{outline:1px solid #e5e7eb;color:#e5e7eb}.button-no-outline{background-color:transparent;color:#226066;border-radius:.25rem;padding:.25rem .5rem;transition:all .3s ease-in-out}.button-no-outline:hover{color:#00464d}.button-no-outline:focus-visible{outline:2px solid #003E45;color:#003e45}.button-no-outline:disabled{color:#88abae}.button-spicy{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#46c8ff,#f58f29) border-box;border:1px solid transparent;position:relative;transition:all .3s ease-in-out}.button-spicy:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#46c8ff,#f58f29);opacity:0;transition:opacity .3s ease-in-out;z-index:0}.button-spicy:hover:after{opacity:.1}.button-spicy>*{position:relative;z-index:1}