.btn-icon{position:relative;flex-grow:0;flex-shrink:0;border-radius:10px}.btn-icon,.btn-icon .btn-icon-number{display:flex;align-items:center;justify-content:center}.btn-icon .btn-icon-number{position:absolute;top:0;right:0;z-index:1;width:20px;height:20px;border-radius:50%;background-color:#527c2e;font-size:10px;font-weight:500}.btn-icon.round{border-radius:50%}.btn-icon.black{background-color:#1d1d1b}.btn-icon.brand{background-color:#5e5e5e}.btn-icon.gray{background-color:#c7c8c7}.btn-icon.light{background-color:#f6f7f6}.btn-icon.white{background-color:#fff}.btn-icon.s24{width:24px;height:24px}.btn-icon.s32{width:32px;height:32px}.btn-icon.s36{width:36px;height:36px}.btn-icon.s40{width:40px;height:40px}.btn-icon.s42{width:42px;height:42px}.btn-icon.s52{width:52px;height:52px}.btn-icon .btn-icon-num{position:absolute;bottom:-4px;right:-4px;z-index:1;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background-color:#e64a19}.btn-icon .btn-icon-num span{color:#fff;font-size:10px;font-weight:600}@media(pointer:fine){.btn.btn-icon:hover{transform:scale(1.05)}}