.dropdown-container{display:inline-block;position:relative}.dropdown-trigger-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:30px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;line-height:14px;transition:all .3s ease-in-out;display:flex}.dropdown-trigger-btn:hover{background:#ffffff1a}.dropdown-trigger{cursor:pointer}.dropdown-content{z-index:1000;transform-origin:top;margin-top:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0}.dropdown-content.align-right{left:auto;right:0}.dropdown-content.align-center{left:50%;transform:translate(-50%)}.dropdown-content.show{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.dropdown-content.hide{opacity:0;pointer-events:none;transform:scale(.95)translateY(-10px)}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:120px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{cursor:pointer;padding:12px 16px;transition:all .15s ease-in-out}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item a,.dropdown-item button{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;font-size:14px;font-weight:500;text-decoration:none;display:flex}.dropdown-item a:hover,.dropdown-item button:hover{color:#b20710}.dropdown-item .icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.dropdown-enter{opacity:0;transform:scale(.95)translateY(-10px)}.dropdown-enter-active{opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1)translateY(0)}.dropdown-exit{opacity:1;transform:scale(1)translateY(0)}.dropdown-exit-active{opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(.95)translateY(-10px)}@media (max-width:768px){.dropdown-content{margin-top:4px}.dropdown-menu{min-width:180px}.dropdown-item{padding:10px 14px}}