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

.wp-block-button .wp-element-button {
	color: var(--wp--preset--color--white);
	border: 0;
	transition: 0.2s all ease-in-out;
	padding: 18px 25px 15px;
}
.wp-block-button .wp-block-button__link:hover {
	box-shadow: none;
	/* transform: translateY(-3px); */
}
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link {
	background-color: var(--wp--preset--color--canyon);
	outline-color: var(--wp--preset--color--canyon);
}
.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--canyon-darker);
	outline-color: var(--wp--preset--color--canyon-darker);
}

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

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	outline-color: var(--wp--preset--color--canyon);
	color: var(--wp--preset--color--canyon);
	backdrop-filter: blur(5px);
}

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

/* Button - Icon Button Styles
--------------------------------------------- */
.wp-block-button[class*="is-style-icon"] .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: calc(var(--wp--preset--spacing--x-small) / 1.5);
}
.wp-block-button[class*="is-style-icon"] .wp-block-button__link > svg.tdc-button-icon {
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
	fill: currentColor;
	transition: 0.2s all ease-in-out;
}

/* Theme color buttons */
/* Canyon */
.wp-block-button.is-style-fill:has(.has-canyon-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-canyon-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--canyon);
}
.wp-block-button.is-style-fill:has(.has-canyon-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-canyon-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--canyon-darker) !important;
	outline-color: var(--wp--preset--color--canyon-darker);
}
.wp-block-button.is-style-outline:has(.has-canyon-background-color) .wp-block-button__link {
	background-color: transparent !important;
	outline-color: var(--wp--preset--color--canyon);
	color: var(--wp--preset--color--canyon);
}
.wp-block-button.is-style-outline:has(.has-canyon-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--canyon) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline:has(.has-canyon-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--canyon) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}

/* Sagebrush - Sovita Collection */
.wp-block-button.is-style-fill:has(.has-sagebrush-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-sagebrush-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--sagebrush);
}
.wp-block-button.is-style-fill:has(.has-sagebrush-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-sagebrush-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--sagebrush-darker) !important;
	outline-color: var(--wp--preset--color--sagebrush-darker);
}
.wp-block-button.is-style-fill.is-size-small:has(.has-sagebrush-background-color) .wp-block-button__link,
.wp-block-button.is-size-small:not([class*="is-style-"]):has(.has-sagebrush-background-color) .wp-block-button__link {
	background-color: var(--wp--preset--color--sagebrush-30) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--sagebrush-darker);
}
.wp-block-button.is-style-fill.is-size-small:has(.has-sagebrush-background-color) .wp-block-button__link:hover,
.wp-block-button.is-size-small:not([class*="is-style-"]):has(.has-sagebrush-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--sagebrush-darker) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline:has(.has-sagebrush-background-color) .wp-block-button__link {
	background-color: transparent !important;
	outline-color: var(--wp--preset--color--sagebrush);
	color: var(--wp--preset--color--sagebrush);
}
.wp-block-button.is-style-outline:has(.has-sagebrush-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--sagebrush) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}

/* Wash - 55+ Collection */
.wp-block-button.is-style-fill:has(.has-wash-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-wash-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--wash);
}
.wp-block-button.is-style-fill:has(.has-wash-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-wash-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--wash-darker) !important;
	outline-color: var(--wp--preset--color--wash-darker);
}
.wp-block-button.is-style-fill.is-size-small:has(.has-wash-background-color) .wp-block-button__link,
.wp-block-button.is-size-small:not([class*="is-style-"]):has(.has-wash-background-color) .wp-block-button__link {
	background-color: var(--wp--preset--color--wash-30) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--wash-darker);
}
.wp-block-button.is-style-fill.is-size-small:has(.has-wash-background-color) .wp-block-button__link:hover,
.wp-block-button.is-size-small:not([class*="is-style-"]):has(.has-wash-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--wash-darker) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline:has(.has-wash-background-color) .wp-block-button__link {
	background-color: transparent !important;
	outline-color: var(--wp--preset--color--wash);
	color: var(--wp--preset--color--wash);
}
.wp-block-button.is-style-outline:has(.has-wash-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--wash) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}

/* Thistle - Elevation Collection */
.wp-block-button.is-style-fill:has(.has-thistle-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-thistle-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--thistle);
}
.wp-block-button.is-style-fill:has(.has-thistle-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-thistle-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--thistle-darker) !important;
	outline-color: var(--wp--preset--color--thistle-darker);
}
.wp-block-button.is-style-fill.is-size-small:has(.has-thistle-background-color) .wp-block-button__link,
.wp-block-button.is-size-small:not([class*="is-style-"]):has(.has-thistle-background-color) .wp-block-button__link {
	background-color: var(--wp--preset--color--thistle-30) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--thistle-darker);
}
.wp-block-button.is-style-fill.is-size-small:has(.has-thistle-background-color) .wp-block-button__link:hover,
.wp-block-button.is-size-small:not([class*="is-style-"]):has(.has-thistle-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--thistle-darker) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline:has(.has-thistle-background-color) .wp-block-button__link {
	background-color: transparent !important;
	outline-color: var(--wp--preset--color--thistle);
	color: var(--wp--preset--color--thistle);
}
.wp-block-button.is-style-outline:has(.has-thistle-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--thistle) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}

/* Mulberry */
.wp-block-button.is-style-fill:has(.has-mulberry-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-mulberry-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--mulberry);
}
.wp-block-button.is-style-fill:has(.has-mulberry-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-mulberry-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--mulberry-darker) !important;
	outline-color: var(--wp--preset--color--mulberry-darker);
}

/* Terracotta */
.wp-block-button.is-style-fill:has(.has-terracotta-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-terracotta-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--terracotta);
}
.wp-block-button.is-style-fill:has(.has-terracotta-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-terracotta-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--terracotta-darker) !important;
	outline-color: var(--wp--preset--color--canyon-darker);
}

/* Adobe */
.wp-block-button.is-style-fill:has(.has-adobe-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-adobe-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--adobe);
}
.wp-block-button.is-style-fill:has(.has-adobe-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-adobe-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--adobe-darker) !important;
	outline-color: var(--wp--preset--color--canyon-darker);
}

/* Saddle */
.wp-block-button.is-style-fill:has(.has-saddle-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-saddle-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--saddle);
}
.wp-block-button.is-style-fill:has(.has-saddle-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-saddle-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--saddle-darker) !important;
	outline-color: var(--wp--preset--color--canyon-darker);
}


/* White */
.wp-block-button.is-style-fill:has(.has-white-background-color) .wp-block-button__link,
.wp-block-button:not([class*="is-style-"]):has(.has-white-background-color) .wp-block-button__link {
	outline-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--canyon);
}
.wp-block-button.is-style-fill:has(.has-white-background-color) .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]):has(.has-white-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--canyon-darker) !important;
	outline-color: var(--wp--preset--color--canyon-darker);
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline:has(.has-white-background-color) .wp-block-button__link {
	background-color: transparent !important;
	outline-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline:has(.has-white-background-color) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--white) !important;
	outline-color: transparent;
	color: var(--wp--preset--color--canyon);
}