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

.wp-block-button .wp-element-button {
	transition: 0.2s all ease-in-out;
	outline-color: var(--wp--preset--color--primary);
}

.wp-block-button .wp-block-button__link:hover {
	/* box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2); */
	transform: translateY(-5px);
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--white);
	outline-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--secondary);
}

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

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

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

.is-style-secondary-button .wp-element-button,
.wp-block.is-style-secondary-button .wp-element-button {
	background: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.is-style-secondary-button:hover .wp-element-button,
.wp-block.is-style-secondary-button:hover .wp-element-button {
	background: var(--wp--preset--color--secondary);
	outline-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}

.is-style-outline-secondary-button .wp-element-button,
.wp-block.is-style-outline-secondary-button .wp-element-button {
	background: transparent;
	outline-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--secondary);
}

.is-style-outline-secondary-button:hover .wp-element-button,
.wp-block.is-style-outline-secondary-button:hover .wp-element-button {
	background: var(--wp--preset--color--secondary);
	outline-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}

/* Button - White Style
--------------------------------------------- */

.is-style-white-button .wp-element-button,
.wp-block.is-style-white-button .wp-element-button {
	background: white;
	outline-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--primary);
}

.is-style-white-button:hover .wp-element-button,
.wp-block.is-style-white-button:hover .wp-element-button {
	background: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: white;
}

.is-style-outline-white-button .wp-element-button,
.wp-block.is-style-outline-white-button .wp-element-button {
	background: transparent;
	outline-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--white);
}

.is-style-outline-white-button:hover .wp-element-button,
.wp-block.is-style-outline-white-button:hover .wp-element-button {
	background: var(--wp--preset--color--white);
	box-shadow: none;
	color: var(--wp--preset--color--primary);
}

/* Small */
.wp-block-button:is(.is-small) .wp-element-button {
	padding: 12px 18px;
}

/* Nav Button */
.wp-block-button:is(.is-style-nav-button) .wp-element-button {
	background-color: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	padding: 12px 18px;
}
.wp-block-button:is(.is-style-nav-button) .wp-element-button:hover {
	background-color: transparent;
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	transform: none;
}


/* H3 with Arrow Style */
.wp-block-button.is-style-h3-arrow .wp-element-button {
	padding: 0 58px 0 0 !important;
	font-family: var(--wp--preset--font-family--spectral) !important;
	font-size: 24px !important;
	position: relative;
	background: transparent !important;
	color: inherit !important;
	outline: none !important;
	text-transform: none !important;
	text-align: left !important;
	transition: all 0.2s ease-in-out !important;
}
.wp-block-button.is-style-h3-arrow .wp-element-button::after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 33px;
	height: 19px;
	background-image: url("data:image/svg+xml,%3Csvg height='20.715' viewBox='0 0 34.064 20.715' width='34.064' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23b99154' stroke-width='2'%3E%3Cpath d='m32 10.357h-32'/%3E%3Cpath d='m9.65.35-9.65 9.65 9.65-9.65-.35-.35.35.349.35-.349-.349.349.276.275 9.373 9.376z' transform='matrix(0 1 -1 0 33 .707)'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
	transition: all 0.2s ease-in-out !important;
}
.wp-block-button.is-style-h3-arrow .wp-element-button:hover {
	color: var(--wp--preset--color--primary) !important;
	transform: translateY(-3px) !important;
}
.wp-block-button.is-style-h3-arrow .wp-element-button:hover::after {
	opacity: 1;
	right: 0;
}
@media (min-width: 768px) {
	.wp-block-button.is-style-h3-arrow .wp-element-button {
		font-size: 28px !important;
	}
}