.button-icon{background-color:#fff;border:none;border-radius:10px;width:40px;height:40px;box-shadow:0 1px 4px -1px #0000004d;display:flex;align-items:center;justify-content:center}.button-icon svg{fill:#3f3f3f}@media(hover:hover){.button-icon:hover:not(:disabled){background-color:#fafafa!important}.button-icon:hover:not(:disabled) svg{fill:#252525}}@media(hover:none){.button-icon:active:not(:disabled){background-color:#fafafa!important}.button-icon:active:not(:disabled) svg{fill:#252525}}.button-icon:disabled{cursor:not-allowed;background-color:#f3f3f3}.button-icon:disabled svg{fill:#a8a8a8}.button-icon--group{border-radius:10px;box-shadow:0 1px 4px -1px #0000004d}.button-icon--group .button-icon{box-shadow:none}.button-icon--group .button-icon:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.button-icon--group .button-icon:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.button-icon--group .button-icon:not(:first-child):not(:last-child){border-radius:0}