@use '../../../../shared/styles/variables' as *;

.organisation-filter__tags {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}
.organisation-select__dropdown{
    width: 240px;
    top: calc(100% + 0px);
}

.organisation-filter__tag {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    padding: 5px 5px 5px 12px;

    border-radius: 12px;

    background: $color-bg;

    span {
        font-size: $font-size-16;
        font-weight: 450;
        color: $gray50;
        line-height: 1;
    }

    button {
        display: flex;
        align-items: center;
        justify-content: center;

        flex-shrink: 0;
        color: $gray50;
        padding: 0;

        width: 24px;
        height: 24px;

        border: none;
        background: rgba($gray50-rgb, .1);
        border-radius: 8px;

        cursor: pointer;
        transition: .2s ease;
        &:hover{
            background-color: $blue20;
            color: $blue;
        }
    }
}