/* Button */
.wp-block-button {
	--svg-arrow: url('data:image/svg+xml,<svg height="17" viewBox="0 0 17 17" width="17" xmlns="http://www.w3.org/2000/svg"><path d="m7.30273.686523v12.174977l-5.6-5.59998-1.399996 1.425 7.999996 7.99998 7.99997-7.99998-1.4-1.425-5.59997 5.59998v-12.174977z" /></svg>');
	--svg-filter: url('data:image/svg+xml,<svg height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg"><path d="m3.905781 8.818364v6.98628h-2v-6.98628z"/><path d="m3.905781 0v5.101564h-2v-5.101564z"/><path d="m5.855001 6.907224v2h-5.855001v-2z"/><path d="m10.815941 0v3.353514h-2v-3.353514z"/><path d="m10.819841 6.995114v8.80953h-2v-8.80953z"/><path d="m12.710031 3.299804v2h-5.85503v-2z"/></svg>');
}

.wp-block-button__link {
	position: relative;
	padding-right: 3.0rem !important;
	transition: all 0.2s ease-in-out;
}

.wp-block-button__link:after {
	position: absolute;
	margin-left: 1.0em;
	top: 0;
	bottom: 0;
	display: inline-block;
	content: '';
	width: 17px;
	-webkit-mask: var(--svg-arrow) no-repeat center;
	mask: var(--svg-arrow) no-repeat center;
	background-color:var(--wp--preset--color--green);
	transform: rotate(-90deg);
	transition: all 0.2s ease-in-out;
}

.wp-block-button:hover .wp-block-button__link:after {
	background-color:var(--wp--preset--color--black);
}

/* Variations */
.wp-block-button.is-style-arrow-down .wp-block-button__link:after {
	transform: rotate(0deg);
}

.wp-block-button.is-style-btn-filter .wp-block-button__link:after {
	-webkit-mask: var(--svg-filter) no-repeat center;
	mask: var(--svg-filter) no-repeat center;
	transform: rotate(0deg);
}


/* Backgrounds */
[class*='background-color']:not(.has-white-background-color) .wp-block-button__link:hover {
	color: var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--green);
}

[class*='background-color'].has-white-background-color .wp-block-button__link,
[class*='background-color'].has-green-background-color .wp-block-button__link {
	color: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--black);
}

[class*='background-color'].has-white-background-color .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--green);
	border-color: var(--wp--preset--color--green);
}

[class*='background-color'].has-green-background-color .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--white);
}

[class*='background-color'].has-white-background-color .wp-block-button__link:after,
[class*='background-color'].has-green-background-color .wp-block-button__link:after {
	background-color: var(--wp--preset--color--black);
}

[class*='background-color'].has-white-background-color .wp-block-button:hover .wp-block-button__link:after {
	background-color:var(--wp--preset--color--black);
}

[class*='background-color'].has-blue-background-color .wp-block-button__link {
	color: var(--wp--preset--color--green);
	border-color: var(--wp--preset--color--green);
}

[class*='background-color'].has-blue-background-color .wp-block-button__link:hover {
	color: var(--wp--preset--color--black);
	border-color: var(--wp--preset--color--green);
}

[class*='background-color'].has-blue-background-color .wp-block-button__link:after {
	background-color: var(--wp--preset--color--green);
}

[class*='background-color'].has-blue-background-color .wp-block-button__link:hover:after {
	background-color: var(--wp--preset--color--black);
}