.logik-button--danger {
	--logik-color-danger: var(--wp--preset--color--vivid-red, currentColor);
	background: transparent;
	border-color: var(--logik-color-danger);
	color: var(--logik-color-danger);
}

.logik-button--danger:hover,
.logik-button--danger:focus-visible {
	background: color-mix(in srgb, var(--logik-color-danger) 10%, transparent);
	border-color: var(--logik-color-danger);
	color: var(--logik-color-danger);
}

.logik-button--danger:disabled,
.logik-button--danger[aria-busy="true"] {
	background: transparent;
	border-color: var(--logik-color-danger);
	color: var(--logik-color-danger);
	opacity: 0.72;
}

.logik-cart .logik-button--danger,
.logik-account .logik-button--danger {
	background: transparent;
	border-color: var(--logik-color-danger);
	color: var(--logik-color-danger);
}

.logik-cart .logik-button--danger:hover,
.logik-cart .logik-button--danger:focus-visible,
.logik-account .logik-button--danger:hover,
.logik-account .logik-button--danger:focus-visible {
	background: color-mix(in srgb, var(--logik-color-danger) 10%, transparent);
	border-color: var(--logik-color-danger);
	color: var(--logik-color-danger);
}