.icon-card {
  align-items: center;
  background-color: var(--color-white);
  border-radius: calc(var(--spacing) * 2);
  border: solid 1px var(--color-light-tan);
  color: var(--color-medium-gray);
  display: inline-flex;
  justify-content: center;

  padding: calc(var(--spacing) * 6);

  svg {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
  }
}

@media screen and (min-width: 600px) {
  .icon-card {
    padding: calc(var(--spacing) * 12);

    svg {
      height: calc(var(--spacing) * 18);
      width: calc(var(--spacing) * 18);
    }
  }
}