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

.wp-block-button .wp-element-button {
	background-color: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	border: 0;
	transition: 0.2s all ease-in-out;
}
.wp-block-button .wp-block-button__link:hover {
	box-shadow: none;
	/* transform: translateY(-3px); */
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--dark-blue);
	outline-color: var(--wp--preset--color--dark-blue);
}

/* Button - Outline Style
--------------------------------------------- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

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

/* Button - Small Style
--------------------------------------------- */
.wp-block-button.is-small .wp-block-button__link {
	padding: 12px 18px !important;
	font-size: 16px !important;
}

/* 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: 12px;
	background-color: var(--wp--preset--color--light-blue);
	outline-color: transparent !important;
	line-height: 1;
	position: relative;
}
.wp-block-button[class*="is-style-icon"] .wp-block-button__link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background-image: var(--wp--preset--gradient--light-blue-to-light-green);
	transition: var(--srp--preset--transition);
	z-index: 0;
}
.wp-block-button[class*="is-style-icon"] .wp-block-button__link .button-text {
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.50);
	position: relative;
	z-index: 1;
}
.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: var(--srp--preset--transition);
	position: relative;
	z-index: 1;
}
.wp-block-button[class*="is-style-icon"] .wp-block-button__link > svg.tdc-button-icon path {
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.7))
}
.wp-block-button[class*="is-style-icon"] .wp-block-button__link:hover::before {
	opacity: 0;
}
/* reset for gradient button in editor */
.editor-styles-wrapper .wp-block-button.is-style-icon-arrow-button .wp-block-button__link::before {
	display: none;
}
.editor-styles-wrapper .wp-block-button.is-style-icon-arrow-button .wp-block-button__link{
	background-image: var(--wp--preset--gradient--light-blue-to-light-green);
	background-repeat: no-repeat;
}
.editor-styles-wrapper .wp-block-button.is-style-icon-arrow-button .wp-block-button__link:hover{
	background-image: none;
	background-color: var(--wp--preset--color--light-blue);
	color: var(--wp--preset--color--white);
}
.editor-styles-wrapper .wp-block-button.is-style-icon-arrow-button .wp-block-button__link::before {
	content: none;
}