@mixin selected {
    color: #2196f3;
}

@mixin unselected {
    color: #808080;
}

.adf-like-container {
    display: flex;
    overflow: hidden;
    width: 100%;
    align-items: center;
    margin-top: 13px;

    .adf-like-counter-container {
        display: inherit;
        padding: 0 6px;
    }

    .adf-left {
        padding: 0 6px;
    }

    .adf-like-select {
        cursor: pointer;
        @include selected;
        &:hover {
            @include unselected;
        }
    }

    .adf-like-grey {
        cursor: pointer;
        @include unselected;
        &:hover {
            @include selected;
        }
    }

}