.button-popular-desktop{display:flex;align-items:center;gap:8px;transition:all .3s ease-in;position:relative;padding:10px;margin:-10px -10px -7px}@media screen and (max-width:1024px){.button-popular-desktop{--widthPopup:108px;padding-bottom:0}}.button-popular-desktop .title{font-size:12px;font-weight:400;line-height:20px;text-align:left;color:rgba(0,0,0,.45);margin:0}.button-popular-desktop .ant-space{display:flex;align-items:center;padding:4px 12px;justify-content:space-between;min-width:90px;height:32px;cursor:pointer;font-size:14px;font-weight:500;color:#2d3642;box-sizing:border-box}.button-popular-desktop .ant-space .ant-space-item span{font-size:14px}.button-popular-desktop .ant-space .ant-space-item .anticon.anticon-down{font-size:12px;color:rgba(0,0,0,.25)}.button-popular-desktop .icon-sort-filter{background:#fff;border-radius:6px;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #fff;transition:all .2s ease-in}.button-popular-desktop.use-icon{margin:0;padding:0}.button-popular-desktop.hovered .ant-space{border-radius:100px;background:#f5f5f5}.button-popular-desktop.hovered .icon-sort-filter{border:1px solid #597ef7}.button-popular-mobile{display:flex;align-items:center;gap:8px;transition:all .3s ease-in;position:relative;width:32px;height:32px;padding:0}.button-popular-mobile .icon-sort-filter{background:#fff;border-radius:6px;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #fff;transition:all .2s ease-in}.modal-sort-container .MuiDialogContent-root{padding:0!important}.modal-sort-container .MuiDialogTitle-root{font-size:18px!important;font-weight:400!important;padding-top:32px;color:#272728}.modal-sort-container .modal-sort-content{padding:16px 0 32px}.modal-sort-container .modal-sort-item{height:50px;padding:0 24px;display:flex;align-items:center;justify-content:flex-start;font-size:16px;font-weight:400;color:#272728}.modal-sort-container .modal-sort-item.active{color:#2f54eb;background:#f0f5ff}.modal-sort-container .modal-sort-item .modal-sort-item-label{width:100%;line-height:50px;text-align:start;border-top:1px solid #e7e7e8}.modal-sort-container .modal-sort-item:first-child .modal-sort-item-label{border-top:none}