/* Primary button */
.is-style-primary .wp-block-button__link {
	transition: all 0.3s ease !important;
}

.is-style-primary .wp-block-button__link:hover {
	transition: all 0.3s ease !important;
}

.is-style-primary .wp-block-button__link:active {
	-webkit-box-shadow: 0px 0px 0px 3px rgba(203, 232, 246, 1) !important;
	-moz-box-shadow: 0px 0px 0px 3px rgba(203, 232, 246, 1) !important;
	box-shadow: 0px 0px 0px 3px rgba(203, 232, 246, 1) !important;
}

/* Primary button -- Orange */
.is-style-primary-orange .wp-block-button__link {
	transition: all 0.3s ease !important;
}

.is-style-primary-orange .wp-block-button__link:hover {
	transition: all 0.3s ease !important;
}

.is-style-primary-orange .wp-block-button__link:active,
.is-style-primary-orange .wp-block-button__link:focus {
	background: #FF8E5E !important;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(255, 142, 94, 0.3) !important;
	-moz-box-shadow: 0px 0px 0px 3px rgba(255, 142, 94, 0.3) !important;
	box-shadow: 0px 0px 0px 3px rgba(255, 142, 94, 0.3) !important;
}

/* Secondary button */
.is-style-secondary .wp-block-button__link {
	transition: all 0.3s ease !important;
}

.is-style-secondary .wp-block-button__link:hover {
	transition: all 0.3s ease !important;
}

.is-style-secondary .wp-block-button__link:active {
	-webkit-box-shadow: 0px 0px 0px 3px rgba(180, 186, 199, 1) !important;
	-moz-box-shadow: 0px 0px 0px 3px rgba(180, 186, 199, 1) !important;
	box-shadow: 0px 0px 0px 3px rgba(180, 186, 199, 1) !important;
}

/* Tertiary button */
.is-style-tertiary .wp-block-button__link {
	transition: all 0.3s ease !important;
}

.is-style-tertiary .wp-block-button__link:hover {
	transition: all 0.3s ease !important;
}

.is-style-tertiary .wp-block-button__link:active {
	-webkit-box-shadow: 0px 0px 0px 3px rgba(30, 121, 164, 1) !important;
	-moz-box-shadow: 0px 0px 0px 3px rgba(30, 121, 164, 1) !important;
	box-shadow: 0px 0px 0px 3px rgba(30, 121, 164, 1) !important;
}

/* Special case - Wide buttons on mobile */
.wide-buttons--responsive {
	@media only screen and (max-width: 768px) {
		padding-right: 24px;
		padding-left: 24px;
	}

	@media only screen and (max-width: 768px) {
		.is-style-primary,
		.is-style-secondary,
		.is-style-tertiary {
			width: 100%;
		}
	}
}

/* False Font weight fix */
.wp-block-button__link {
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialiased;
}