.infogroup-tabs {
    &__tab {
        display: inline-block;
        text-align: center;

        &--active {
            background-color: #586f7d;
        }
    }

    &__link {
        box-sizing: border-box;
        transition: all 0.3s ease;
        width: 100%;
        color: #fff;
        font-size: 14px;
        vertical-align: middle;
        display: inline-block;
        text-decoration: none;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        &:hover {
            background-color: rgba(51, 51, 51, 0.2);

            .infogroup-tabs__close {
                transform: translateY(18px) scale(1);
                opacity: 1;
            }
        }
    }

    &__close {
        transition: 0.3s ease-in-out;
        opacity: 0;
        position: absolute;
        transform: translateY(18px) scale(0);
        margin-left: 5px;
    }
}