/**
 * Solutions-card-split — outline button hover contrast fix. Teamwork #146.
 *
 * The compiled base styles have two hover rules that combine badly on the
 * three "Learn more" cards on the home page:
 *
 *   .is-style-outline .wp-block-button__link:not(.has-white-color):hover
 *     → background-color: WHITE
 *   .solutions-card-split:hover .wp-block-buttons .wp-block-button__link
 *     → color: WHITE
 *
 * Both fire together when the button is hovered inside the card, so the
 * text ends up white on white and vanishes.
 *
 * Match the header "Get in touch" outline hover pattern: solid dark-blue
 * fill + white text + dark-blue border. Reads as a clear filled button
 * against the card's dark-blue hover background.
 */

.solutions-card-split:hover
	.wp-block-buttons
	.wp-block-button.is-style-outline
	.wp-block-button__link,
.solutions-card-split
	.wp-block-buttons
	.wp-block-button.is-style-outline
	.wp-block-button__link:hover {
	background-color: var(--wp--preset--color--secondary) !important;
	border-color: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--white) !important;
}