/* @generated by Skylit - do not edit */
/**
 * Skylit dev cache — pattern: mhpr-tab-button
 * Auto-generated on save_post. Do not hand-edit.
 */

.mhpr-tabs__button-item {
		display: flex;
		flex-direction: column;
		flex: 1;
		width: 100%;
		min-height: 0;
		min-width: 0;
		height: 100%;
		}
		.mhpr-tabs__button {
		display: flex;
		flex: 1;
		flex-direction: column;
		width: 100%;
		height: 100%;
		border: none;
		background: none;
		padding: 0;
		margin: 0;
		font: inherit;
		text-align: inherit;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		}
		.mhpr-tabs__button-card {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: flex-start;
		gap: var(--mhpr-gap-4);
		width: 100%;
		min-height: 100%;
		height: 100%;
		padding: var(--mhpr-gap-10);
		position: relative;
		background: var(--mhpr-color-white);
		transition:
		background 0.3s,
		box-shadow 0.3s;
		}
		.mhpr-tabs__button-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 3px;
		background: var(--mhpr-color-gold);
		opacity: 0.2;
		z-index: 1;
		}
		.mhpr-tabs__button-card::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 3px;
		background: var(--mhpr-color-gold);
		transition: width 0.35s ease;
		z-index: 2;
		}
		.mhpr-tabs__button-card:hover::after {
		width: 100%;
		}
		.mhpr-tabs__button-card h3 {
		margin: 0;
		color: var(--mhpr-color-navy);
		font-size: 1.05rem;
		font-weight: 800;
		line-height: 1.35;
		}
		.mhpr-tabs__button-card h3 .mhpr-tabs__number {
		font-size: var(--mhpr-font-size-overline);
		font-weight: 700;
		letter-spacing: 0.18em;
		line-height: 1;
		color: var(--mhpr-color-gold);
		margin-right: 0.35em;
		}
		.mhpr-tabs__button-item.is-highlight .mhpr-tabs__button-card {
		background: var(--mhpr-color-signal-pale);
		}
		.mhpr-tabs__button-item.is-highlight .mhpr-tabs__button-card:hover {
		background: var(--mhpr-color-white);
		}
		.mhpr-tabs__button-item.is-highlight .mhpr-tabs__button-card::before {
		opacity: 1;
		background: var(--mhpr-color-teal);
		}
		.mhpr-tabs__button-item.is-highlight .mhpr-tabs__button-card::after {
		width: 100%;
		background: var(--mhpr-color-teal);
		}
		.mhpr-tabs__button-item.is-highlight .mhpr-tabs__button-card h3 {
		color: var(--mhpr-color-teal);
		}
		.mhpr-tabs__button-item.is-highlight .mhpr-tabs__button-card h3 .mhpr-tabs__number {
		color: var(--mhpr-color-teal);
		}
		.editor-styles-wrapper .mhpr-tabs__button-card h3 {
		color: inherit;
		}