@import "patterns/stylesheets/settings.colors";
@import "patterns/stylesheets/mixins/settings.fonts";
@import "patterns/stylesheets/generic";

.c-topic-group__heading {
  margin: 0 0 rem(5) 0;
  @include font-gm-sans-bold;
  font-size: rem(12);
  text-transform: uppercase;
  line-height: line-height(12, 12);
  letter-spacing: rem(1);
  color: $color-grey-660;
}

.c-topic-group__body > ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  font-size: 0; // removes undesired text node space between list elements
  > li {
    display: inline-block;
    margin-top: rem(10);
    margin-right: rem(10);
    &:last-child {
      margin-right: 0;
    }
  }
  .c-button__text {
    padding: 0 rem(6);
  }
}
