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