.MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 50%; } .MuiIconButton-root:hover { background-color: rgba(0, 0, 0, 0.04); } .MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; } @media (hover: none) { .MuiIconButton-root:hover { background-color: transparent; } } .MuiIconButton-edgeStart { margin-left: -12px; } .MuiIconButton-sizeSmall.MuiIconButton-edgeStart { margin-left: -3px; } .MuiIconButton-edgeEnd { margin-right: -12px; } .MuiIconButton-sizeSmall.MuiIconButton-edgeEnd { margin-right: -3px; } .MuiIconButton-colorInherit { color: inherit; } .MuiIconButton-colorPrimary { color: #1b365d; } .MuiIconButton-colorPrimary:hover { background-color: rgba(27, 54, 93, 0.04); } @media (hover: none) { .MuiIconButton-colorPrimary:hover { background-color: transparent; } } .MuiIconButton-colorSecondary { color: #ee3524; } .MuiIconButton-colorSecondary:hover { background-color: rgba(238, 53, 36, 0.04); } @media (hover: none) { .MuiIconButton-colorSecondary:hover { background-color: transparent; } } .MuiIconButton-sizeSmall { padding: 3px; font-size: 1.125rem; } .MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; }