@media (min-width: 560px) {
  .tabs {
    display: flex;
    align-items: center;
    &__item {
      width: 33.3334%;
      height: 100%;
      border-top: 1px solid $light-gray-color;
      border-bottom: 1px solid $light-gray-color;
      &:first-of-type {
        border-left: 1px solid $light-gray-color;
        border-radius: 3px 0 0 3px;
      }
      &:nth-of-type(2) {
        border-left: 1px solid $light-gray-color;
        border-right: 1px solid $light-gray-color;
      }
      &:last-of-type {
        border-right: 1px solid $light-gray-color;
        border-radius: 0 3px 3px 0;
      }
    }
  }
}