.card {
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  text-decoration: none;
  &.strong {
    background: $color-gray-4;
    color: white;
    h2 {
      color: white;
    }
  }
  &:hover {
    border-color: $accent-color;
  }
}

.output-card {
  border: 2px solid rgba(0, 0, 0, 0.05);
  padding: $spacer-small-plus;
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.02);
  background: $color-gray-0;
  h4 {
    margin-bottom: 0;
  }
}