@import "@/styles/variables";
@import "@/styles/mixins";

.newsTab {
  padding-bottom: 2rem;

  .tab {
    @include p1;
    cursor: pointer;
    display: inline-block;
    margin-right: 1rem;
    padding: 0.375rem 1.25rem 0.375rem 1rem;
    background: $grey;
    border-radius: 2px;
    color: $F1;

    span {
      opacity: 0.6;
    }

    &.active {
      background: $blue;
      color: $white;
      span {
        opacity: 1;
      }
    }
  }
}

@media screen and (max-width: 374px) {
  .newsTab {
    .tab:not(:last-child) {
      margin-right: 2rem;
    }
  }
}