.btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;text-align:center;font-weight:700;text-decoration-line:none;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:focus{outline:2px solid transparent;outline-offset:2px}.btn[data-variant=primary]{--tw-bg-opacity: 1;background-color:rgb(52 99 193 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=primary]:hover{--tw-bg-opacity: 1;background-color:rgb(48 81 157 / var(--tw-bg-opacity))}.btn[data-variant=primary]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(48 81 157 / var(--tw-ring-opacity)) }.btn[data-variant=secondary]{border-color:#0003;--tw-bg-opacity: 1;background-color:rgb(29 75 85 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=secondary]:hover{--tw-bg-opacity: 1;background-color:rgb(15 52 61 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=secondary]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity)) }.btn[data-variant=tiertery]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(61 119 211 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(70 138 221 / var(--tw-text-opacity))}.btn[data-variant=tiertery]:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=tiertery]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity)) }.btn[data-variant=highlight]{border-color:#0003;--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=highlight]:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=highlight]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity)) }.btn[data-variant=white]{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity))}.btn[data-variant=white]:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn[data-variant=white]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity)) }.btn[data-variant=black]{border-color:#fff3;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity))}.btn[data-variant=black]:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=black]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity)) }.btn[data-variant=base]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn[data-variant=base]:hover{--tw-text-opacity: 1;color:rgb(160 204 240 / var(--tw-text-opacity))}.btn[data-variant=base]:focus{--tw-text-opacity: 1;color:rgb(160 204 240 / var(--tw-text-opacity))}.arrow-narrow-right .btn[data-variant=base].btn[data-icon-position=end]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.arrow-narrow-right .btn[data-variant=base].btn[data-icon-position=end]:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.arrow-narrow-right .btn[data-variant=base].btn[data-icon-position=end] svg{--tw-translate-x: 0rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrow-narrow-right .btn[data-variant=base].btn[data-icon-position=end]:hover svg{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.arrow-narrow-right .btn[data-variant=base].btn[data-icon-position=end]:focus svg{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn[data-size=sm]{padding:.25rem 1rem;font-size:.875rem}.btn[data-size=md]{padding:.5rem 1.5rem;font-size:.875rem}.btn[data-size=lg]{padding:.5rem 2rem}@media (min-width: 640px){.btn[data-size=lg]{padding:.75rem 2.5rem}}.btn[data-size=square]{aspect-ratio:1 / 1;height:auto;min-width:0rem}.btn[data-icon-position=end]{flex-direction:row-reverse}
