.post-content a.content-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	width: auto;
	max-width: 100%;
	padding: 11px 20px;
	box-sizing: border-box;
	border: 2px solid var(--colors-links, #111827);
	border-radius: 6px;
	font-family: var(--secondary-font-family, inherit);
	font-size: var(--secondary-font-size, 16px);
	font-style: var(--secondary-font-style, normal);
	font-weight: clamp(500, calc(var(--secondary-font-weight, 400) * 1.25), 800);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	word-break: break-word;
	transition: opacity .2s, transform .2s;
}

.post-content a.content-button-filled {
	color: #fff;
	background: var(--colors-links, #111827);
}

.post-content a.content-button-outline {
	color: var(--colors-links, #111827);
	background: transparent;
}

.post-content a.content-button-size-small { min-height: 36px; padding: 8px 14px; font-size: .875em; }
.post-content a.content-button-size-medium { min-height: 44px; padding: 11px 20px; }
.post-content a.content-button-size-large { min-height: 52px; padding: 14px 26px; font-size: 1.05em; }
.post-content a.content-button-corners-square { border-radius: 0; }
.post-content a.content-button-corners-rounded { border-radius: 6px; }
.post-content a.content-button-corners-pill { border-radius: 999px; }
.post-content a.content-button-uppercase { text-transform: uppercase; letter-spacing: .04em; }

.post-content a.content-button:hover {
	opacity: .8;
	transform: translateY(-1px);
}

.post-content a.content-button:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--colors-links, #111827) 35%, transparent);
	outline-offset: 3px;
}