.news--card {
  .card {
    .card-header {
      @include media-breakpoint-up(md) {
        padding: $padding-padding-xxlg $padding-padding-xlg 0;
      }

      .field--name-field-tags ul.links {
        display: flex;
        flex-wrap: wrap;
        gap: rem-calc(16);

        li {
          padding-right: 0;
        }
      }
    }

    .card-body {
      @include media-breakpoint-up(md) {
        padding: rem-calc(20) $padding-padding-xlg $padding-padding-xxlg;
      }

      .card-title {
        @include media-breakpoint-up(md) {
          font-size: rem-calc(30);
          font-weight: $font-weight-bold;
          line-height: rem-calc(38);
          letter-spacing: normal;
        }

        a {
          color: $primary-colors-primary-accent;
          text-decoration: none;

          &:hover {
            color: $primary-colors-primary-hover;
            text-decoration: underline;
          }
        }
      }

      .card-text {
        color: $text-colors-text-secondary;
      }
    }
  }

  .card-extra {
    margin-top: rem-calc(40);
  }
}
