@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-card--trending-newsletter {
  .c-card__grid {
    @include grid-template-columns(0, 1fr);
    @include grid-template-rows(rem(15), auto 1fr auto);
  }

  .c-card__hed {
    @include grid-row(1, 2, true);
    @include font-gm-sans-bold;
    font-size: rem(14);
    line-height: line-height(14, 15);
    letter-spacing: rem(1);
    color: $color-grey-900;
    text-transform: uppercase;
  }

  .c-card__dek {
    @include grid-row(2, 3, true);
    display: block;
    padding: 0;
    @include font-gm-sans;
    font-size: rem(15);
    letter-spacing: rem(0.3);
    line-height: line-height(15, 18);
    color: $color-grey-900;
  }

  .c-button {
    @include grid-row(3, 4, true);
    @include grid-justify-self(start);
  }
}
