.tabs {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px;

  .tab-link {
    #gradient > .vertical(#768d87, #6c7c7c);
    .border-radius(4px);
    border: 1px solid #566963;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 6px;
    margin: 2px;

    &:hover {
      #gradient > .vertical(#6c7c7c, #768d87);
      text-decoration: none;
      color: #fff;
    }

    &.active {
      #gradient > .vertical(#234040, #768d87);
    }
  }
}

.tabs-content {
  .tab-content {
    display: none;

    &.active {
      display: block;
    }
  }
}