@media ( prefers-reduced-motion: no-preference ) {
	body:not(.updating-theme) .wp-block-button__link {
		transition: background-color .15s linear, border-color .15s linear;
	}
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color, .has-background):hover {
	background-color: var( --wp--preset--color--contrast-4 );
	border-color: var( --wp--preset--color--contrast-4 );
}


/*
 * Block style: Arrow Right
 */

:root .is-style-outset-arrow-right .wp-block-button__link {
	align-items: center;
	border: none;
	color: inherit;
	background-color: transparent;
	display: inline-flex;
	font-weight: 400;
	padding: 0;
}

:root .is-style-outset-arrow-right .wp-block-button__link:hover {
	text-decoration: underline;
}

.is-style-outset-arrow-right .wp-block-button__link:after {
	background-color: currentColor;
	content: "";
	display: block;
	height: 16px;
	margin-left: 8px;
	mask-image: var(--icon-arrow-right-url);
	mask-repeat: no-repeat;
	width: 16px;
}

/*
 * Block style: Theme Switch
 */

.is-style-outset-theme-switcher .wp-block-button__link {
	border: none;
	border-radius: 999px;
	display: block;
	height: 32px;
	padding: 0;
	position: relative;
	text-indent: -99999px;
	width: 56px;
}

html:not([data-theme="dark"]) .is-style-outset-theme-switcher .wp-block-button__link {
	box-shadow: inset 0px 0px 4px rgba(var(--contrast-rgb), .05);
}

.is-style-outset-theme-switcher .wp-block-button__link:before,
.is-style-outset-theme-switcher .wp-block-button__link:after {
	content: "";
	position: absolute;
		left: 2px;
		top: 2px;
}

@media ( prefers-reduced-motion: no-preference ) {
	.is-style-outset-theme-switcher .wp-block-button__link:before,
	.is-style-outset-theme-switcher .wp-block-button__link:after {
		transition: transform .25s ease;
	}
}

.is-style-outset-theme-switcher .wp-block-button__link:before {
	background-color: var( --wp--preset--color--base-2 );
	border-radius: 50%;
	height: 28px;
	width: 28px;
}

html:not([data-theme="dark"]) .is-style-outset-theme-switcher .wp-block-button__link:before {
	box-shadow: 0px 0px 4px rgba(var(--contrast-rgb), .05);
}

.is-style-outset-theme-switcher .wp-block-button__link:after {
	background-color: var( --wp--preset--color--contrast );
	mask-image: var( --icon-sun-url );
	mask-repeat: no-repeat;
	height: 16px;
	margin: 6px 0 0 6px;
	width: 16px;
}

/* Hover */

@media ( prefers-reduced-motion: no-preference ) and ( hover: hover ) {

	body:not(.updating-theme) .is-style-outset-theme-switcher .wp-block-button__link:hover:before,
	body:not(.updating-theme) .is-style-outset-theme-switcher .wp-block-button__link:hover:after {
		transform: translateX( 4px ) rotate( 22.5deg );
	}

	[data-theme="dark"] body:not(.updating-theme) .is-style-outset-theme-switcher .wp-block-button__link:hover:before,
	[data-theme="dark"] body:not(.updating-theme) .is-style-outset-theme-switcher .wp-block-button__link:hover:after {
		transform: translateX( 20px ) rotate( -22.5deg );
	}

}

/* Active */

[data-theme="dark"] .is-style-outset-theme-switcher .wp-block-button__link:before,
[data-theme="dark"] .is-style-outset-theme-switcher .wp-block-button__link:after {
	transform: translateX( 24px );
}

[data-theme="dark"] .is-style-outset-theme-switcher .wp-block-button__link:after {
	mask-image: var( --icon-moon-url );
	mask-repeat: no-repeat;
}