.dropdown-button{position:relative;width:auto;height:auto;padding:8px 12px;border-radius:var(--global-border-radius);border:1px solid var(--faded-ming);cursor:pointer;display:flex;gap:4px;align-items:center;transition:all .15s ease;flex-wrap:nowrap;>*{flex-shrink:0}&:hover:not(:has(.dropdown-options-container:hover)){background-color:var(--hue-slate-50);border-color:var(--blue)}>.dropdown-options-container{position:absolute;bottom:calc(100% + 4px);left:0;width:max-content;max-width:300px;background-color:var(--white);border:1px solid var(--faded-ming);border-radius:var(--global-border-radius);box-shadow:var(--shadow-md);z-index:10;overflow:hidden;padding:4px;.dropdown-option-item{padding:var(--nano);cursor:pointer;transition:background-color .15s ease;border-radius:6px;&:hover{background-color:var(--slate-light80)}}}}