.Tabs-large {
    .nav-item.nav-link[role="tab"] {
        border: 0;
        color: $gray-300;
        font-size: 18px;
        font-weight: 500;
        margin-right: 30px;
        padding: 0 0 10px;

        &:hover {
            border-bottom: 2px solid $gray-300;
        }

        &.active {
            border-bottom: 2px solid $gray-800;
            color: $gray-800;
        }
    }
}

.Tabs-normal {
    box-sizing: border-box;

    .nav-item.nav-link[role="tab"] {
        border: 0;
        color: $gray-600;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        margin-right: 24px;
        padding: 0 0 8px;

        &:hover {
            color: $gray-900;
        }

        &.active {
            border-bottom: 3px solid $gray-900;
            color: $gray-900;
        }
    }
}