/* Core Buttons preserve the mockup's link and action treatment. */
.wp-block-buttons {
	gap: var(--space-xs);
}

.wp-block-buttons.actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-xs);
	margin-block-start: var(--space-m);
}

@media (max-width: 39.999rem) {
	.wp-block-buttons.actions--stack-mobile {
		flex-direction: column;
		align-items: flex-start;
	}
}

.wp-block-buttons.header-actions {
	flex-wrap: nowrap;
	gap: var(--space-xs);
}

.wp-block-button.btn > .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: var(--space-2xs) var(--space-m);
	border: var(--rule) solid transparent;
	border-radius: var(--radius);
	background: inherit;
	color: inherit;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}

.wp-block-button.btn--small > .wp-block-button__link {
	min-height: 2.5rem;
	padding-inline: var(--space-s);
	font-size: var(--step--1);
}

.wp-block-button.btn--primary > .wp-block-button__link {
	background: var(--crimson);
	color: var(--paper);
}

.wp-block-button.btn--primary:hover > .wp-block-button__link {
	background: var(--amaranto);
}

.wp-block-button.btn--solid > .wp-block-button__link {
	background: var(--blue-ink);
	color: var(--paper);
}

.wp-block-button.btn--solid:hover > .wp-block-button__link {
	background: var(--ink);
}

.wp-block-button.btn--outline > .wp-block-button__link {
	border-color: var(--blue-ink);
	background: var(--paper);
	color: var(--blue-ink);
}

.wp-block-button.btn--outline:hover > .wp-block-button__link {
	background: var(--blue-wash);
}

.wp-block-button.btn--on-dark > .wp-block-button__link {
	border-color: var(--paper);
	color: var(--paper);
}

.wp-block-button.btn--on-dark-solid > .wp-block-button__link {
	background: var(--paper);
	color: var(--amaranto);
}

.wp-block-button.btn > .wp-block-button__link:hover {
	text-decoration: none;
}