@import "settings.colors";

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

.c-recommend-article {
  display: flex;
  flex-direction: row;
}

.c-recommend-article__btn {
  width: rem(60);
  height: rem(60);
  margin: rem(25) rem(25) rem(25) 0;
  border: none;
  background-color: inherit;
  padding: 0;
  &:hover {
    cursor: pointer;
  }
}

.c-recommend-article__icon {
  width: rem(60);
  height: rem(60);
}

.c-recommend-article__text {
  @include font-gm-sans-bold();
  color: $color-grey-660;
  align-self: center;
  font-size: rem(14);
  letter-spacing: rem(1);
  line-height: rem(16);
  text-transform: uppercase;
}

.c-recommend-article__text--clicked {
  color: $color-grey-900;
}
