.fluentera-button{display:inline-block;transition:all .1s ease;font-size:14px;font-weight:900;border-radius:999px;padding:.5rem 1rem;font-family:var(--font-fredoka);&:focus{outline:none}&:hover{transform:translateY(2px)}}.fluentera-button-primary{background-color:var(--primary);border:1px solid var(--border-primary);box-shadow:0 4px 0 var(--primary);color:var(--primary-foreground);&:hover{background-color:var(--primary);box-shadow:0 2px 0 var(--primary)}}.fluentera-button-primary:active{transform:translateY(4px);box-shadow:none}.fluentera-button-dark{background-color:#18181b;border:1px solid #27272a;color:#f4f4f5;box-shadow:0 4px 0 #18181b;&:hover{background-color:#18181b;box-shadow:0 2px 0 #18181b}}.fluentera-button-dark:active{transform:translateY(4px);box-shadow:none}.fluentera-button-default{background-color:var(--foreground);border:1px solid var(--border-foreground);color:var(--background);box-shadow:0 4px 0 var(--foreground);&:hover{background-color:var(--foreground);box-shadow:0 2px 0 var(--foreground)}}.fluentera-button-default:active{transform:translateY(4px);box-shadow:none}