@import "../../styles/variables.scss";

.card {
  box-shadow: $base-box-shadow;
  background-color: $brand-white;
  border-radius: $base-border-radius;
  width: 100%;
}

.hover {
  box-shadow: none;
}

.hover:hover {
  box-shadow: $base-box-shadow;
}

.header {
  border-bottom: $base-border;
  padding: 0 $m-spacing;

  @media only screen and (min-width: 48em) {
    padding: 0 $l-spacing;
  }
}

.headerTitle {
  padding: $m-spacing 0;
  font-size: $h3-font-size;
  
  @media only screen and (min-width: 48em) {
    padding: $l-spacing 0;
  }
}

.body {
  padding: $m-spacing;

  @media only screen and (min-width: 48em) {
    padding: $l-spacing;
  }
}