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

.wp-block-button.is-style-outline .wp-element-button {
	border: none;
	background-color: transparent;
	outline: 2px solid currentColor;
	outline-offset: -2px;
	padding-top: 0.7rem;
	padding-right: clamp(1.5rem, 1.75vw, 3.5rem);
	padding-bottom: 0.6rem;
	padding-left: clamp(1.5rem, 1.75vw, 3.5rem);
}

.wp-block-button.is-style-outline .wp-element-button:hover {
	color: var(--wp--preset--color--background-1);
	outline-color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--foreground-1);
	text-decoration: none;
}

.wp-block-button.is-style-outline .has-text-color.wp-element-button:hover {
	color: var(--wp--preset--color--background-1)!important;
}

html [class*="has-foreground-"][class*="background-color"] > .wp-block-button.is-style-outline .wp-element-button:hover {
	background-color: var(--wp--preset--color--background-1);
	color: var(--wp--preset--color--foreground-1)!important;
	outline: 2px solid var(--wp--preset--color--background-1);
}

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

.wp-block-button.is-style-button-secondary .wp-element-button {
	color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--secondary);

}

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

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

.wp-block-button.is-style-button-tertiary .wp-element-button {
	color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--tertiary);
}

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


/* Button - Foreground
--------------------------------------------- */
.wp-block-button.is-style-button-foreground .wp-element-button {
	color: var(--wp--preset--color--background-1);
	background-color: var(--wp--preset--color--foreground-1);

}

.wp-block-button.is-style-button-foreground:hover .wp-element-button:hover {
	background: var(--wp--preset--color--background-1);
	color: var(--wp--preset--color--foreground-1);
}

/* Button - Background
--------------------------------------------- */
.wp-block-button.is-style-button-background .wp-element-button {
	color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--background-1);

}

.is-style-button-background .wp-element-button:hover {
	background: var(--wp--preset--color--foreground-1);
	color: var(--wp--preset--color--background-1);
}

/* Button - Text Style
--------------------------------------------- */

.wp-block-button.is-style-button-text .wp-element-button {
	background-color: transparent;
	text-decoration: underline;
	color: inherit;
}

.wp-block-button.is-style-button-text .wp-element-button:hover {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

/* Button - With Background Section
--------------------------------------------- */

.has-foreground-1-background-color > .wp-block-button:not(
	.is-style-outline,
	.is-style-button-tertiary,
	.is-style-button-background,
	.is-style-button-text
	) .wp-element-button:hover {
	color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--background-1);
}

.has-foreground-1-background-color .wp-block-button.is-style-button-background .wp-element-button:hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--foreground-1);
}

.has-secondary-background-color .wp-block-button.is-style-button-background a:hover {
	background-color: var(--wp--preset--color--foreground-1);
	color: var(--wp--preset--color--background-1);
}

/* Style inline images when in button
--------------------------------------------- */
.wp-block-button img {
	display: inline-block;
	margin-right: 0.35em;
	vertical-align: text-bottom;
	line-height: 1;
	max-width: 1.5em;
	max-height: 1.5em;
}

/* Powered by Rockbase
--------------------------------------------- */
.powered-by-rockbase-button .wp-block-button__link{display:flex;align-items:center}.powered-by-rockbase-button .wp-block-button__link > *{opacity:.85;transition:all ease-in-out .2s}.powered-by-rockbase-button img{height:12px;width:12px}.powered-by-rockbase-button .wp-block-button__link:hover,.powered-by-rockbase-button .wp-block-button__link:hover img{opacity:1}.powered-by-rockbase-button .wp-block-button__link:hover img{transform:scale(1.15) rotate(-12deg)}