src/app/legacy/containers/PodcastPromo/components/card-content.jsx
import styled from '@emotion/styled';
import {
GEL_SPACING,
GEL_SPACING_DBL,
} from '#psammead/gel-foundations/src/spacings';
import {
GEL_GROUP_2_SCREEN_WIDTH_MIN,
GEL_GROUP_4_SCREEN_WIDTH_MIN,
} from '#psammead/gel-foundations/src/breakpoints';
const CardContent = styled.div`
flex: 1;
padding: ${GEL_SPACING};
@media (min-width: ${GEL_GROUP_2_SCREEN_WIDTH_MIN}) {
padding: ${GEL_SPACING} ${GEL_SPACING_DBL};
}
@media (min-width: ${GEL_GROUP_4_SCREEN_WIDTH_MIN}) {
padding: ${GEL_SPACING_DBL};
}
`;
export default CardContent;