import { colors, radius, responsiveMedia, shadows, spaces } from '@/styles/variables';
import styled, { css } from 'styled-components';

import { ITestimonialsCard } from './TestimonialsCard.interface';

export const StyledTestimonialsCard = styled.div<ITestimonialsCard>`
  display: flex;
  flex-flow: column;
  padding: ${spaces[5]};
  background: ${colors.white};
  border: 1px solid ${colors.primary70};
  box-shadow: ${shadows.sm};
  border-radius: ${radius.md};

  & svg{
    max-width: 2rem;
  }

  @media only screen and (min-width: ${responsiveMedia}) {
    & svg{
      max-width: 6rem;
    }
  }
`;