.wp-block-button {
	position: relative;
	text-transform: uppercase;
}

.wp-block-button .wp-block-button__link {
	position: relative;
}

.wp-block-button .wp-block-button__link:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	height: calc(100% - 8px);
	width: 6px;
	background-color: var(--wp--preset--color--base);
	border-radius: 2px 0 0 2px;
}
.wp-block-button .wp-block-button__link:hover:before {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-button .wp-block-button__link:after {
	content: url('../img/arrow.svg');
	margin-left: 20px;
}
.wp-block-button:hover .wp-block-button__link:after {
	content: url('../img/arrow-gold.svg');
}

.wp-block-button .wp-block-button__link:focus {
	text-decoration: none;
}

/* Button - Dark Style
--------------------------------------------- */

.wp-block-button.is-style-dark-button .wp-block-button__link {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-dark-button .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-dark-button .wp-block-button__link:hover:before {
	background-color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-dark-button:hover .wp-block-button__link:after {
	content: url('../img/arrow-black.svg');
}

/* Button - Basic Style
--------------------------------------------- */

.wp-block-button.is-style-basic-button .wp-block-button__link {
	padding-left: 1em;
}
.wp-block-button.is-style-basic-button .wp-block-button__link:before {
	content: none;
}
.wp-block-button.is-style-basic-button .wp-block-button__link:after {
	content: none;
}

.wp-block-button.is-style-basic-button .wp-block-button__link:hover {
	color: var(--wp--preset--color--primary);
	border-color: inherit;
}

/* Button - Outline Style
--------------------------------------------- */

.wp-block-button.is-style-outline .wp-block-button__link:before {
	content: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:after {
	content: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}

/* Button - Secondary Style
--------------------------------------------- */

.wp-block-button.is-style-secondary-button .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-secondary-button .wp-block-button__link:before {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-secondary-button:hover .wp-block-button__link:before {
	background-color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-secondary-button .wp-block-button__link:after {
	content: url('../img/arrow-gold.svg');
}
.wp-block-button.is-style-secondary-button:hover .wp-block-button__link:after {
	content: url('../img/arrow.svg');
}

.wp-block-button.is-style-secondary-button .wp-block-button__link:hover {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--primary);
}

/* Button - Light Style
--------------------------------------------- */

.wp-block-button.is-style-light-button .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-light-button .wp-block-button__link:before {
	background-color: var(--wp--preset--color--base);
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 3px 0 0 3px;
}

.wp-block-button.is-style-light-button .wp-block-button__link:hover {
	color: var(--wp--preset--color--primary);
	background: transparent;
	border-color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-light-button .wp-block-button__link:hover:before {
	background-color: var(--wp--preset--color--primary);
}

/* Button - Mini Style
--------------------------------------------- */

.wp-block-button.is-style-mini-button .wp-block-button__link {
	font-size: 0;
	min-height: 47px;
	line-height: 0;
	background-color: transparent;
	border-color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-mini-button .wp-block-button__link:before {
	content: none;
}
.wp-block-button.is-style-mini-button .wp-block-button__link:after {
	margin-right: 10px;
	margin-left: 10px;
	content: url('../img/arrow-mini.svg');
}

.wp-block-button.is-style-mini-button .wp-block-button__link:hover:after {
	content: url('../img/arrow-mini-gold.svg');
}

.wp-block-button.is-style-mini-button .wp-block-button__link:hover {
	border-color: inherit;
}

/* Button - Mini Style Alternative (Gold)
--------------------------------------------- */

.wp-block-button.is-style-mini-button.is-style-mini-gold .wp-block-button__link {
	border-color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-mini-button.is-style-mini-gold .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-mini-button.is-style-mini-gold .wp-block-button__link:after {
	content: url('../img/arrow-mini-gold.svg');
}
.wp-block-button.is-style-mini-button.is-style-mini-gold .wp-block-button__link:hover:after {
	content: url('../img/arrow-mini.svg');
}