.wp-block-button.is-style-fill > .wp-block-button__link:hover,
.wp-block-button.is-style-fill > .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--primary-highlight);
	color: var(--wp--preset--color--gray-00) !important;
    transition-property: color, background-color, border-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--primary-highlight);
	color: var(--wp--preset--color--gray-00) !important;
	border-color: var(--wp--preset--color--primary-highlight) !important;
    transition-property: color, background-color, border-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.wp-block-button.is-style-link > .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--primary-base);
	padding-left: 0;
	padding-right: 0;
    transition-property: color, background-color, border-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.wp-block-button.is-style-link > .wp-block-button__link:hover,
.wp-block-button.is-style-link > .wp-block-button__link:focus {
	color: var(--wp--preset--color--primary-highlight);
}

.wp-block-button.is-style-inverted-outline > .wp-block-button__link {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--gray-00);
	color: var(--wp--preset--color--gray-00);
    transition-property: color, background-color, border-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.wp-block-button.is-style-inverted-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-inverted-outline > .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--primary-highlight);
	border-color: var(--wp--preset--color--primary-highlight);
}

/** Use same padding for outline as solid buttons--because they are slightly different by default **/
.wp-block-button .wp-block-button__link:where(.is-style-outline), .wp-block-button:where(.is-style-outline) > .wp-block-button__link {
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
}