.ubx-tabs {
    &__label {
        border-width: 2px;
        border-style: solid;

        &--before, &--after {
            border-bottom: 2px solid;
        }
        &--before {
            width: em(20);
        }

        &.prev {
            border-right: 0;
        }
        &.next {
            border-left: 0;
        }
        &.active {
            border-bottom: none;
            z-index: 1;
            pointer-events: none;
        }
        &.inactive {
            border-color: color(lte);
            font-size: 0.75em;
            cursor: pointer;

            &:hover {
                background-color: rgba(color(lte), 0.15);
            }
            &:after {
                content: '';
                background: currentColor;
                @include position(absolute, null, -2px, -2px);
                height: 2px;
            }
        }
    }
}