.fluentera-drop-down{transition:all .1s ease;font-size:14px;font-weight:900;border-radius:999px;padding:.5rem 1rem;font-family:var(--font-fredoka);display:flex;align-items:center;justify-content:center;gap:.5rem;&:focus{outline:none}&:hover{transform:translateY(2px)}}.fluentera-drop-down-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-drop-down-primary:active{transform:translateY(4px);box-shadow:none}.fluentera-drop-down-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-drop-down-dark:active{transform:translateY(4px);box-shadow:none}.fluentera-drop-down-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-drop-down-default:active{transform:translateY(4px);box-shadow:none}.fluentera-drop-down-content-default{background-color:var(--background);border:1px solid var(--border)}.fluentera-drop-down-content-primary{background-color:var(--primary);border:1px solid var(--border-primary)}.fluentera-drop-down-content-dark{background-color:#18181b;border:1px solid #27272a}.fluentera-drop-down-item-primary{cursor:pointer;background-color:var(--primary);color:var(--primary-foreground);&:hover{background-color:var(--background);color:var(--foreground)}}.fluentera-drop-down-item-dark{cursor:pointer;background-color:#18181b;color:#f4f4f5;&:hover{background-color:var(--primary);color:var(--primary-foreground)}}.fluentera-drop-down-item-default{cursor:pointer;background-color:var(--foreground);color:var(--background);&:hover{background-color:var(--primary);color:var(--primary-foreground)}}.fluentera-button{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}