/* Button - Fill Style
--------------------------------------------- */

.wp-block-button .wp-element-button {
	transition: 0.2s all ease-in-out;
	border: 0;
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: -2px;
}
.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.is-style-fill .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

/* Button - Style - Slim padding
--------------------------------------------- */
.is-style-slim,
.is-button-slim,
.wp-block-button.is-style-slim .wp-block-button__link,
.wp-block-button.is-button-slim .wp-block-button__link {
	padding: 8px 16px !important;
}

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

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
}
.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--dark-grey);
}

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

.is-style-secondary-button .wp-element-button,
.wp-block.is-style-secondary-button .wp-element-button {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
	/* font-size: var(--wp--preset--font-size--medium); */
	outline-color: var(--wp--preset--color--secondary);
}

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

.is-style-outline-secondary-button .wp-element-button,
.wp-block.is-style-outline-secondary-button .wp-element-button {
	background: var(--wp--preset--color--light-grey);
	color: var(--wp--preset--color--dark-grey);
	outline-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--light-grey);

}

/* Button - Tertiary Style
--------------------------------------------- */

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

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

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

.is-style-outline-tertiary-button:hover .wp-element-button,
.wp-block.is-style-outline-tertiary-button:hover .wp-element-button {
	background: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	box-shadow: none;
	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;
	color: var(--wp--preset--color--dark-grey);
	outline-color: var(--wp--preset--color--white);
}

.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: var(--wp--preset--color--dark-grey);
}

.is-style-outline-white-button .wp-element-button,
.wp-block.is-style-outline-white-button .wp-element-button {
	background: transparent;
	color: var(--wp--preset--color--white);
	outline-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);
	color: var(--wp--preset--color--dark-grey);
	box-shadow: none;
}

/* Button - Tan Style
--------------------------------------------- */

.is-style-tan-button .wp-element-button,
.wp-block.is-style-tan-button .wp-element-button {
	background: var(--wp--preset--color--asante-tan);
	outline-color: var(--wp--preset--color--asante-tan);
	color: var(--wp--preset--color--dark-grey);
}

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

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

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

/* has Icon  */
[class*="has-icon--"] .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
}
[class*="has-icon--"] .wp-block-button__link::before {
	content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
	transition: all 0.2s ease-in-out;
}
.has-icon--phone .wp-block-button__link::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.4 30.31"><path d="m8.33 12.47c1.02 1.9 2.27 3.66 3.74 5.24 1.7 1.79 3.71 3.27 5.92 4.36.16.09.35.1.51.02.27-.13.51-.3.71-.52.23-.25.45-.52.65-.8.95-1.25 2.13-2.8 3.79-2.03.03.02.07.04.1.06l5.54 3.19s.04.03.06.04c.69.49 1.09 1.31 1.04 2.15-.04.97-.32 1.92-.81 2.75-.61 1.05-1.55 1.88-2.67 2.36-1.05.45-2.15.75-3.29.89-1.69.25-3.4.1-5.02-.42-1.78-.59-3.48-1.41-5.05-2.44l-.13-.08c-.82-.51-1.71-1.06-2.58-1.71-3.47-2.62-6.38-5.92-8.54-9.69-1.81-2.97-2.59-6.48-2.2-9.96.22-1.76 1.08-3.38 2.42-4.54 1.37-1.05 3.11-1.51 4.82-1.28.24.02.45.15.56.36l3.56 6.01c.48.55.6 1.34.3 2.01-.31.62-.78 1.15-1.36 1.53-.19.16-.42.33-.66.5-.8.57-1.7 1.24-1.39 2.03z" fill="%23434137" fill-rule="evenodd"/></svg>');
}
.has-icon--phone:hover .wp-block-button__link:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.4 30.31"><path d="m8.33 12.47c1.02 1.9 2.27 3.66 3.74 5.24 1.7 1.79 3.71 3.27 5.92 4.36.16.09.35.1.51.02.27-.13.51-.3.71-.52.23-.25.45-.52.65-.8.95-1.25 2.13-2.8 3.79-2.03.03.02.07.04.1.06l5.54 3.19s.04.03.06.04c.69.49 1.09 1.31 1.04 2.15-.04.97-.32 1.92-.81 2.75-.61 1.05-1.55 1.88-2.67 2.36-1.05.45-2.15.75-3.29.89-1.69.25-3.4.1-5.02-.42-1.78-.59-3.48-1.41-5.05-2.44l-.13-.08c-.82-.51-1.71-1.06-2.58-1.71-3.47-2.62-6.38-5.92-8.54-9.69-1.81-2.97-2.59-6.48-2.2-9.96.22-1.76 1.08-3.38 2.42-4.54 1.37-1.05 3.11-1.51 4.82-1.28.24.02.45.15.56.36l3.56 6.01c.48.55.6 1.34.3 2.01-.31.62-.78 1.15-1.36 1.53-.19.16-.42.33-.66.5-.8.57-1.7 1.24-1.39 2.03z" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}

.has-icon--printer .wp-block-button__link::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 39.03"><path d="m7.34 39.03c-.77 0-1.5-.37-1.96-.99-.45-.62-.57-1.42-.33-2.15l.87-2.56h-1.86c-1.26 0-2.44-.58-3.21-1.57-.56-.74-.86-1.65-.85-2.57v-12.12c.02-2.68 2.2-4.85 4.88-4.84h3.34v-9.84c.01-1.33 1.09-2.39 2.42-2.39h19.73c1.33 0 2.4 1.06 2.41 2.39v9.84h2.52c3.13 0 5.68 2.52 5.7 5.66v11.41c0 1.25-.58 2.43-1.58 3.19-.75.56-1.66.85-2.59.84h-1.73l.86 2.56c.24.73.12 1.53-.33 2.15-.46.63-1.18 1-1.96.99zm3.35-4.78h19.62l-1.68-5.01h-16.26zm19.68-9.79c1.04 0 1.96.66 2.29 1.64l.82 2.44h2.7v-10.65c0-.48-.39-.88-.88-.88h-29.43c-.58 0-1.04.47-1.05 1.04v10.49h2.69l.82-2.44c.33-.98 1.25-1.64 2.29-1.64h19.73zm-17.32-12.23h14.91v-7.45h-14.91z" fill="%23FFFFFF"/></svg>');
}
.has-icon--printer:hover .wp-block-button__link::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 39.03"><path d="m7.34 39.03c-.77 0-1.5-.37-1.96-.99-.45-.62-.57-1.42-.33-2.15l.87-2.56h-1.86c-1.26 0-2.44-.58-3.21-1.57-.56-.74-.86-1.65-.85-2.57v-12.12c.02-2.68 2.2-4.85 4.88-4.84h3.34v-9.84c.01-1.33 1.09-2.39 2.42-2.39h19.73c1.33 0 2.4 1.06 2.41 2.39v9.84h2.52c3.13 0 5.68 2.52 5.7 5.66v11.41c0 1.25-.58 2.43-1.58 3.19-.75.56-1.66.85-2.59.84h-1.73l.86 2.56c.24.73.12 1.53-.33 2.15-.46.63-1.18 1-1.96.99zm3.35-4.78h19.62l-1.68-5.01h-16.26zm19.68-9.79c1.04 0 1.96.66 2.29 1.64l.82 2.44h2.7v-10.65c0-.48-.39-.88-.88-.88h-29.43c-.58 0-1.04.47-1.05 1.04v10.49h2.69l.82-2.44c.33-.98 1.25-1.64 2.29-1.64h19.73zm-17.32-12.23h14.91v-7.45h-14.91z" fill="%23434137"/></svg>');
}

.has-icon--home .wp-block-button__link {
	padding-left: calc(var(--wp--preset--spacing--small) + 5px);
	padding-right: calc(var(--wp--preset--spacing--small) + 5px);
}
.has-icon--home .wp-block-button__link::before {
	background-image: url('data:image/svg+xml,<svg height="19" viewBox="0 0 22 19" width="22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(2 2)"><path d="m17.765 7.086-7.946-6.811-.738-.575-.738.575-3.8 3.259v-2.4h-2.273v4.347l-2.87 2.605c.079.009 1.439 1.756 1.473 1.723l1.4-1.341v7.425h13.619v-7.425l1.4 1.341c.041.048 1.476-1.723 1.476-1.723m-5.143 5.537h-3.409v-3.27h-2.27v3.27h-3.405v-7.1l4.54-3.892 4.541 3.891z" fill="%23fff" transform="translate(-.158 -.427)"/></g></svg>');
	width: 22px;
	height: 19px;
	margin-right: 10px;
}
.has-icon--home:hover .wp-block-button__link::before {
	background-image: url('data:image/svg+xml,<svg height="19" viewBox="0 0 22 19" width="22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(2 2)"><path d="m17.765 7.086-7.946-6.811-.738-.575-.738.575-3.8 3.259v-2.4h-2.273v4.347l-2.87 2.605c.079.009 1.439 1.756 1.473 1.723l1.4-1.341v7.425h13.619v-7.425l1.4 1.341c.041.048 1.476-1.723 1.476-1.723m-5.143 5.537h-3.409v-3.27h-2.27v3.27h-3.405v-7.1l4.54-3.892 4.541 3.891z" fill="%23434137" transform="translate(-.158 -.427)"/></g></svg>');
}