.machine-description__container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--spacing-lg);
	padding: var(--spacing-lg) 0;
}

.machine-description__text {
	max-width: 750px;
	color: var(--cor-preto);
	font-family: var(--font-2, var(--font-1, inherit));
	font-size: var(--fs-6, 1.25rem);
}

/* Layout/padding/radius/fonte/hover já vêm de .btn-principal (global.css)
   — aqui só o que este bloco pede de diferente: o ícone (gap), não encolher
   ao lado do texto, e uma cor de fundo própria (--cor-secundaria, não a
   --cor-principal padrão do .btn-principal). */
.machine-description__cta {
	flex-shrink: 0;
	gap: var(--spacing-xs);
	background: var(--cor-secundaria, #40659d);
}

@media (max-width: 767px) {
	.machine-description__container {
		flex-direction: column;
		align-items: stretch;
	}
}