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

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

/* Button - Primary Style
--------------------------------------------- */

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

.is-style-primary-button .wp-element-button:hover,
.wp-block.is-style-primary-button .wp-element-button:hover,
.is-style-large-primary-button .wp-element-button:hover,
.wp-block.is-style-large-primary-button .wp-element-button:hover,
.is-style-small-primary-button .wp-element-button:hover,
.wp-block.is-style-small-primary-button .wp-element-button:hover {
	background-color: var(--wp--preset--color--primary-hover);
	outline-color: var(--wp--preset--color--primary-hover);
	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,
.is-style-large-secondary-button .wp-element-button,
.wp-block.is-style-large-secondary-button .wp-element-button,
.is-style-small-secondary-button .wp-element-button,
.wp-block.is-style-small-secondary-button .wp-element-button {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
	outline-color: var(--wp--preset--color--secondary);
}
.is-style-secondary-button .wp-element-button:hover,
.wp-block.is-style-secondary-button .wp-element-button:hover,
.is-style-large-secondary-button .wp-element-button:hover,
.wp-block.is-style-large-secondary-button .wp-element-button:hover,
.is-style-small-secondary-button .wp-element-button:hover,
.wp-block.is-style-small-secondary-button .wp-element-button:hover {
	background-color: var(--wp--preset--color--secondary-hover);
	outline-color: var(--wp--preset--color--secondary-hover);
}

/* Large Buttons */
[class*="is-style-large"] .wp-element-button,
.wp-block[class*="is-style-large"] .wp-element-button,
.wp-block-button.is-large .wp-element-button { font-size: 22px; }

/* Small Buttons */
[class*="is-style-small"] .wp-element-button,
.wp-block[class*="is-style-small"] .wp-element-button,
.wp-block-button.is-small .wp-element-button {
	font-size: 15px;
	padding: 12px 15px;
}