/**
 * core/button/outline
 */

.wp-block-button.is-style-outline .wp-block-button__link {
	--button--color--background: rgb(0 0 0 / 30%);
	--button--color--background-hover: var(--wp--preset--color--accent-1);
	--button--color--text: var(--wp--preset--color--white);
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:active, :hover) {
	background-color: var(--button--color--background) !important;
}

/* Icon */
.wp-block-button.is-style-outline.has-icon .wp-block-button__link:not(:active, :hover)::after,
.wp-block-button.is-style-outline .wp-block-button__link.has-icon:not(:active, :hover) svg {
	--button--color--icon: var(--button--border--color);
}

/* Color: Accent 2 */
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-2-background-color {
	--button--color--background-hover: var(--wp--preset--color--accent-2);
}

/* Color: Accent 4 */
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-4-background-color {
	--button--color--background-hover: var(--wp--preset--color--accent-4);
	--button--color--text-hover: var(--wp--preset--color--contrast);
	--button--color--icon: var(--wp--preset--color--contrast);
}


/* Tablet screen width */
@media (width >= 768px) {
	.wp-block-button.is-style-outline .wp-block-button__link {
		padding-block: calc(var(--wp--preset--spacing--30) - 2px) !important;
	}
}