@import '~styles/layout.scss';
@import '~styles/settings.scss';

.card {
  background-color: $white;
  border-radius: 6px;
  border-color: transparent;
  box-shadow: $box-shadow-card;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  margin: 15px;
}

.data {
  display: flex;
  flex-direction: column;
  background-color: $white;
  overflow: auto;
  min-height: 260px;

  > * {
    flex: 1;
  }

  @media #{$tablet-landscape} {
    height: 260px;
  }
}

.contentContainer {
  background-color: $gray3;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  height: 80px;
  padding: 15px 20px;
  color: $theme-color;
}

.title {
  font-size: $font-size;
  font-weight: $font-weight;
}

.subtitle {
  color: $theme-color;
  font-size: $font-size-sm;
  line-height: $line-height-medium;
}

.link {
  text-decoration: underline solid $theme-secondary;
  color: $theme-color;
  cursor: pointer;
}

@import '~styles/layout.scss';
@import '~styles/settings.scss';

.card {
  background-color: $white;
  border-radius: 6px;
  border-color: transparent;
  box-shadow: $box-shadow-card;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  margin: 15px;
}

.data {
  display: flex;
  flex-direction: column;
  background-color: $white;
  overflow: auto;
  min-height: 260px;

  > * {
    flex: 1;
  }

  @media #{$tablet-landscape} {
    height: 260px;
  }
}

.contentContainer {
  background-color: $gray3;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  height: 80px;
  padding: 15px 20px;
  color: $theme-color;
}

.title {
  font-size: $font-size;
  font-weight: $font-weight;
}

.subtitle {
  color: $theme-color;
  font-size: $font-size-sm;
  line-height: $line-height-medium;
}

.link {
  color: $theme-color-medium;
  text-decoration: underline;
}

Change link styles in Card component
Change link styles in Card component
