import CardUI from '@material-hu/mui/Card';
import { styled } from '@material-hu/mui/styles';

export const OptionsCard = styled(CardUI)({
  width: '80%',
  borderRadius: '10px',
  padding: '8px',
  marginBottom: '16px',
  border: '1px solid #d4d5d6',
  display: 'flex',
  justifyContent: 'center',
  cursor: 'pointer',
  '&:hover': {
    boxShadow: '5px 5px 10px rgba(0, 0, 0, 0.15)',
  },
  '&.active': {
    border: '2px solid #2998FF',
  },
});
