.wp-element-button:after,
#site-container form .wp-element-button:after {
	content: "";
	background-image: url(../images/button-arrow-white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 11px;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	margin-left: -1em;
	transition: all .3s;
}

.wp-element-button:hover:after,
.wp-element-button:focus:after {
	opacity: 1;
	margin-left: 0.3em;
}

.is-style-white-dark .wp-block-button__link {
	background-color: var(--wp--preset--color--1);
	border-color: var(--wp--preset--color--1);
	color: var(--wp--preset--color--2);
}

.is-style-white-dark .wp-block-button__link:hover,
.is-style-white-dark .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--2);
	border-color: var(--wp--preset--color--2);
	color: var(--wp--preset--color--1);
}

.is-style-text-link .wp-block-button__link {
	background: url(../images/icon-link.svg) no-repeat right 7px;
	border: none;
	border-radius: 0;
	color: var(--wp--preset--color--3);
	font-size: var(--wp--preset--font-size--paragraph-1);
	font-family: var(--wp--preset--font-family--1);
	font-weight: 400;
	padding: 5px 35px 0 0;
	min-width: auto;
}

.is-style-text-link .wp-block-button__link:hover,
.is-style-text-link .wp-block-button__link:focus,
.is-style-text-link-white .wp-block-button__link:hover,
.is-style-text-link-white .wp-block-button__link:focus {
	text-decoration: underline;
}

.is-style-text-link-white .wp-block-button__link {
	background: url(../images/icon-link-white.svg) no-repeat right 10px;
	border: none;
	border-radius: 0;
	font-size: var(--wp--preset--font-size--paragraph-1);
	font-family: var(--wp--preset--font-family--2);
	padding: 5px 35px 0 0;
	min-width: auto;
}

.is-style-text-link-white .wp-block-button__link:hover:after,
.is-style-text-link-white .wp-block-button__link:focus:after {
	opacity: 0;
}

.is-style-ash-grey-button .wp-block-button__link {
	background-color: var(--wp--preset--color--8);
	border-color: var(--wp--preset--color--8);
	color: var(--wp--preset--color--3);
}

.is-style-ash-grey-button .wp-element-button:after {
	background-image: url(../images/button-arrow-graphite.svg);
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 980px) {

	.wp-element-button:after,
	#site-container form .wp-element-button:after {
		width: 8px;
	}

	.is-style-text-link-white .wp-block-button__link {
		background-size: 15px;
		padding-right: 25px;
	}

}