.cta__button,
.section__cta {
	display: inline-block;
	padding: var(--space-sm) var(--space-md);
	border: 1px solid var(--color-gold);
	color: var(--color-gold);
	border-radius: var(--radius);
	transition: background var(--transition-base), color var(--transition-base);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--fs-small);
}

.cta__button:hover,
/* Biến thể <button> (nút Follow us on Social Media ở About).
   Khung nhỏ hơn nút CTA thường + cho chữ xuống dòng, để vừa đúng bề rộng dãy icon. */
.section__cta--button {
	background: transparent;
	font-family: inherit;
	cursor: pointer;
	width: 100%;
	padding: var(--space-xs) var(--space-sm);
	font-size: 0.75rem;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-align: center;
	white-space: normal;
}

.section__cta:hover {
	background: var(--color-gold);
	color: var(--color-black);
}