/* ============================================================
   IMS site-wide overrides
   Loaded on every page. Keep this file small and general — anything
   that belongs to one template belongs in that template's stylesheet
   (ims-machine.css, ims-brand.css), not here.
   ============================================================ */

/* ---------- buttons ----------
   Core button blocks were falling through to the theme's default blue
   wherever a block set only a text colour. One shape for all of them:
   the same height whether or not a button carries a border, and the
   same small corner radius. A transparent 2px border on every button
   is what keeps a bordered and an unbordered button the same height —
   without it the bordered one is 4px taller. */
.wp-block-button .wp-block-button__link,
.wp-block-button .wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 48px;
	padding: 12px 26px;
	border: 2px solid transparent;
	border-radius: 4px;
	background-color: #cc0000;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-element-button:hover {
	background-color: #a30000;
	color: #fff;
}
/* Outline style keeps the shape but drops the fill. */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border-color: currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: rgba(0, 0, 0, .06);
}