.button-style{border-radius:10px;--tw-bg-opacity:1;background-color:rgb(var(--color-light-primary)/1);background-color:rgb(var(--color-light-primary)/var(--tw-bg-opacity));font-family:Poppins,sans-serif;font-weight:700;padding:10px 20px;--tw-text-opacity:1;box-shadow:inset 0 0 0 2px rgb(var(--color-light-primary));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-style.secondary{background-color:rgb(var(--color-secondary)/1);background-color:rgb(var(--color-secondary)/var(--tw-bg-opacity));box-shadow:inset 0 0 0 2px rgb(var(--color-secondary))}.button-style.gray,.button-style.secondary{--tw-bg-opacity:1}.button-style.gray{background-color:rgb(var(--color-vector-3)/1);background-color:rgb(var(--color-vector-3)/var(--tw-bg-opacity));font-size:1rem;font-weight:400;line-height:1.5rem;--tw-text-opacity:1;box-shadow:inset 0 0 0 2px rgb(var(--color-vector-3));color:rgb(var(--color-base)/1);color:rgb(var(--color-base)/var(--tw-text-opacity))}.button-style.accent{--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/1);background-color:rgb(var(--color-primary)/var(--tw-bg-opacity));box-shadow:inset 0 0 0 2px rgb(var(--color-primary))}.button-style:not(.reversed).loading,.button-style:not(.reversed):hover:not([disabled]){background-color:transparent}.button-style:not(.reversed).loading:not(.highlighted).primary,.button-style:not(.reversed):hover:not([disabled]):not(.highlighted).primary{--tw-text-opacity:1;color:rgb(var(--color-light-primary)/1);color:rgb(var(--color-light-primary)/var(--tw-text-opacity))}.button-style:not(.reversed).loading:not(.highlighted).secondary,.button-style:not(.reversed):hover:not([disabled]):not(.highlighted).secondary{--tw-text-opacity:1;color:rgb(var(--color-secondary)/1);color:rgb(var(--color-secondary)/var(--tw-text-opacity))}.button-style:not(.reversed).loading:not(.highlighted).gray,.button-style:not(.reversed):hover:not([disabled]):not(.highlighted).gray{--tw-bg-opacity:1;background-color:#d3e8e2;background-color:rgb(211 232 226/var(--tw-bg-opacity));font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;box-shadow:inset 0 0 0 2px #d3e8e2;color:rgb(var(--color-base)/1);color:rgb(var(--color-base)/var(--tw-text-opacity))}.button-style:not(.reversed).loading:not(.highlighted).accent,.button-style:not(.reversed):hover:not([disabled]):not(.highlighted).accent{--tw-bg-opacity:1;background-color:#820e0e;background-color:rgb(130 14 14/var(--tw-bg-opacity));--tw-text-opacity:1;box-shadow:inset 0 0 0 2px #820e0e;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.button-style.reversed{background-color:transparent}.button-style.reversed.primary{--tw-text-opacity:1;color:rgb(var(--color-light-primary)/1);color:rgb(var(--color-light-primary)/var(--tw-text-opacity))}.button-style.reversed.secondary{--tw-text-opacity:1;color:rgb(var(--color-secondary)/1);color:rgb(var(--color-secondary)/var(--tw-text-opacity))}.button-style.reversed.loading,.button-style.reversed:hover:not([disabled]){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.button-style.reversed.loading.primary,.button-style.reversed:hover:not([disabled]).primary{--tw-bg-opacity:1;background-color:rgb(var(--color-light-primary)/1);background-color:rgb(var(--color-light-primary)/var(--tw-bg-opacity))}.button-style.reversed.loading.secondary,.button-style.reversed:hover:not([disabled]).secondary{--tw-bg-opacity:1;background-color:rgb(var(--color-secondary)/1);background-color:rgb(var(--color-secondary)/var(--tw-bg-opacity))}.button-style:focus-visible:not([disabled]){text-decoration-line:underline}.button-style.highlighted{box-shadow:inset 0 0 0 2px #fff}.button-style.highlighted.reversed{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.button-style[disabled],.button-style[disabled]:focus-visible,.button-style[disabled]:hover{cursor:not-allowed}.button-style .loader{aspect-ratio:1/1;border-radius:9999px;border-width:2px;width:15px;--tw-border-opacity:1;animation:spinner 1.5s linear infinite;border-color:transparent transparent currentColor}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
