.add-tag-button {
    @mixin light {
        background-color: var(--mantine-color-gray-1);
    }
    @mixin dark {
        background-color: var(--mantine-color-dark-6);
    }
    color: gray;
    border: 1px gray dashed;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    cursor: pointer;
}

.add-tag-button:hover {
    @mixin light {
        border-color: black;
        color: black;
    }
    @mixin dark {
        border-color: white;
        color: white;
    }
}

.add-tag-button-icon {
    color: inherit !important;
}
