@layer tailwind-components{.button{--btn-boxshadow: transparent;--btn-boxshadow-hover: transparent;--btn-color: hsl(var(--c-primary));--btn-bg: hsl(var(--c-primary-content));--btn-border: hsl(0 0% 83.5%);--btn-color-hover: var(--btn-color);--btn-bg-hover: var(--btn-bg);--btn-border-hover: var(--btn-border);min-height:3rem;padding-block:calc(.75rem - 1px);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--btn-bg);border-color:var(--btn-border);box-shadow:inset 0 0 0 0 var(--btn-border),2px 2px 4px var(--btn-boxshadow);font-family:Commissioner,Noto Sans Arabic,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:500;line-height:1.4;color:hsl(var(--c-primary))}@media (min-width: 1024px){.button{line-height:1}}.button{padding-left:1rem;padding-right:1rem;border-radius:.125rem;border-width:1px;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;cursor:pointer;align-items:center;gap:.75rem;color:var(--btn-color)}.button svg{height:100%}.button:not([disabled]):hover,.button:not([disabled]):focus:active{padding-block:calc(.5rem - 1px) calc(1rem - 1px);color:var(--btn-color-hover);background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover);box-shadow:inset 0 -3px 0 0 var(--btn-border-hover),2px 2px 4px var(--btn-boxshadow-hover)}.button--primary{--btn-color: hsl(var(--c-primary-content));--btn-bg: hsl(var(--c-primary));--btn-border: hsl(var(--c-primary-800));--btn-color-hover: hsl(var(--c-primary-content));--btn-bg-hover: hsl(var(--c-primary-800));--btn-border-hover: hsl(var(--c-primary-600));--btn-boxshadow-hover: hsl(var(--c-primary-600) / 20%)}.button--primary.button--outline{--btn-color: hsl(var(--c-primary));--btn-bg: transparent;--btn-border: hsl(var(--c-primary));--btn-color-hover: var(--btn-color);--btn-bg-hover: var(--btn-bg);--btn-border-hover: var(--btn-border)}.button--outline{--btn-color: hsl(var(--c-primary-content));--btn-bg: transparent;--btn-border: hsl(var(--c-primary-content));--btn-color-hover: var(--btn-color);--btn-bg-hover: var(--btn-bg);--btn-border-hover: var(--btn-border);--btn-boxshadow-hover: hsl(var(--c-primary-600) / 20%)}.button-text{margin-right:-.75rem;font-size:0;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 1024px){.button:hover .button-text{margin-right:0;font-size:inherit;opacity:100}}}