:host {
    height: var(--size);
    width: var(--size);
    align-items: center;

    button {
        height: var(--size);
        width: var(--size);
        line-height: var(--size);

        mat-icon {
            width: var(--iconSize);
            height: var(--iconSize);
            line-height: var(--iconSize);
            margin: 0;

            svg {
                line-height: var(--iconSize);
            }
        }

        &.mat-button-disabled {
            cursor: not-allowed;
        }

        &.primary.mat-button-disabled {
            background-color: var(--iqser-btn-bg);
            color: var(--iqser-white) !important;
        }

        &.warn:not([disabled]) {
            background-color: var(--iqser-warn);

            &:hover {
                background-color: var(--iqser-warn);
            }
        }
    }
}