.uni-horizontal-tabs {
    .tabs {
        @include flex();
        @include align-items-center();
        height: 50px;
        margin-top: 0px;
        margin-bottom: 8px;
        border-bottom: 1px solid color('borders');

        &__button {
          margin-left: auto;
          margin-bottom: 4px;
        }

        &__item {
            position: relative;
            @include flex();
            @include align-items-center();
            height: 100%;
            padding: 4px 0;
            margin: auto 38px auto 0;
            @include font('IntervalNextBook');
            font-size: em(15px);
            color: color('text', 'primary');
            text-transform: capitalize;

            &:hover,
            &--active {
                cursor: pointer;
                color: color('primary');

                &:before {
                    content: '';
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 3px;
                    bottom: 0px;
                    left: 0;
                    background-color: color('primary');
                }
            }

            &--active {
                @include font('IntervalNextReg');
                color: color('primary');
            }
        }
    }
}