.kraken-alert-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 11px;
    display: grid;
    place-items: center;
}

.kraken-alert-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kraken-alert-success .kraken-alert-icon {
    color: var(--success-text);
    background: var(--success-soft);
}

.kraken-alert-danger .kraken-alert-icon {
    color: var(--danger-text);
    background: var(--danger-soft);
}

.kraken-alert-warning .kraken-alert-icon {
    color: var(--warning-text);
    background: var(--warning-soft);
}

.kraken-alert-info .kraken-alert-icon {
    color: var(--info-text);
    background: var(--info-soft);
}

.kraken-alert-close.ui-button {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    flex: 0 0 34px;
    border-radius: 10px;
}

.kraken-alert-close.ui-button svg {
    width: 17px;
    height: 17px;
    stroke-width: 2;
}