.wp-block-button .wp-block-button__link {
	background-color: var(--wp--preset--color--nootka-rose-900);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--white);
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wp-block-button .wp-block-button__link::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 4px;
	background-color: currentColor;
	-webkit-mask-image: url(../images/icons/arrow-right.svg);
	mask-image: url(../images/icons/arrow-right.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	vertical-align: middle;
}

.wp-block-button.is-style-small .wp-block-button__link::after {
	content: none;
}

.wp-block-button.is-style-ghost .wp-block-button__link,
.wp-block-button.is-style-small .wp-block-button__link {
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--poppy-900);
	border-color: var(--wp--preset--color--poppy-500);
}

.wp-block-button.is-style-small .wp-block-button__link {
	padding: 8px 16px;
	font-size: 14px;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button.is-style-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-ghost .wp-block-button__link:focus,
.wp-block-button.is-style-small .wp-block-button__link:hover,
.wp-block-button.is-style-small .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--poppy-500);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--white);
}

/* Search submit button on the search-results page (templates/search.html).
 * Its base pill look comes from theme.json `elements.button`, but nothing gives
 * it a hover — so match the wp-block-button default (Poppy 500 fill). Excludes
 * the header search icon, which has its own hover rules below. */
.wp-block-search:not(.lfbc-header-search) .wp-block-search__button {
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wp-block-search:not(.lfbc-header-search) .wp-block-search__button:hover,
.wp-block-search:not(.lfbc-header-search) .wp-block-search__button:focus {
	background-color: var(--wp--preset--color--poppy-500);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--white);
}

/* Search input on the search-results page (templates/search.html). Three
 * chained classes (0,0,3,0) beat Ollie's `input:not([type="submit"])` (0,0,2,1).
 * Excludes the header search, which sizes its own input above. */
.wp-block-search:not(.lfbc-header-search) .wp-block-search__input {
	font-size: 1.15rem;
}

.lfbc-header-search.wp-block-search .wp-block-search__button {
	background-color: transparent;
	color: var(--wp--preset--color--soft-black-500);
	border: none;
	padding: 13px;
	border-radius: 100px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.lfbc-header-search.wp-block-search .wp-block-search__button svg {
	fill: currentColor;
}

.lfbc-header-search.wp-block-search.wp-block-search__searchfield-hidden .wp-block-search__button:hover,
.lfbc-header-search.wp-block-search.wp-block-search__searchfield-hidden .wp-block-search__button:focus {
	background-color: var(--wp--preset--color--poppy-500);
	color: var(--wp--preset--color--white);
}

.lfbc-header-search.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	width: 277px;
	padding: 0 13px 0 20px;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--wp--preset--color--poppy-500);
	border-radius: 100px;
	background-color: var(--wp--preset--color--white);
}

.lfbc-header-search.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
	border: none;
	background-color: transparent;
	padding: 13px 0;
	color: var(--wp--preset--color--soft-black-500);
	font-family: var(--wp--preset--font-family--noto-sans);
	font-size: 14px;
	flex: 1;
	min-width: 0;
	box-shadow: none;
}

.lfbc-header-search.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:focus,
.lfbc-header-search.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:focus-visible {
	outline: none;
}

.lfbc-header-search.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__button {
	padding: 0;
	border-radius: 0;
}

.lfbc-header-search.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__button:hover,
.lfbc-header-search.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__button:focus {
	background-color: transparent;
	color: var(--wp--preset--color--poppy-500);
}