@import '../../common/styles/_abstract-control';
@import '../../common/styles/colors';
@import '../../common/styles/media/_screen';

.bloko-share {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 12px;
    border-left: 1px solid @control-border-color;

    &:hover,
    &:focus,
    &:active {
        text-decoration: none;

        .bloko-share__content {
            opacity: 0.7;
        }
    }

    &:last-child {
        border-right: 1px solid @control-border-color;
    }

    @media @screen-gt-xs {
        padding: 0 16px;
    }
}

.bloko-share__counter {
    display: none;

    @media @screen-gt-xs {
        display: inline;
        padding-left: 9px;
        color: @control-color;

        &_inverted {
            color: @color-white;
        }
    }
}