/* Estilo padrão do botão */
.primary-button.hero.w-button {
    font-size: 16px; /* Tamanho padrão da fonte */
    padding: 12px 24px; /* Espaçamento interno */
    max-width: 300px; /* Largura máxima do botão */
    width: calc(100% - 40px); /* Sempre a 20px de distância das bordas */
    box-sizing: border-box; /* Inclui padding na largura */
    text-align: center; /* Centraliza o texto dentro do botão */
    display: block; /* Garante que o botão ocupe uma linha */
    margin: 20px auto; /* Centraliza o botão e dá espaço vertical */
    border-radius: 6px; /* Bordas arredondadas para um design moderno */
}

/* Ajuste para dispositivos menores */
@media (max-width: 768px) {
    .primary-button.hero.w-button {
        font-size: 14px; /* Reduz o tamanho da fonte */
        padding: 10px 20px; /* Ajusta o espaçamento interno */
        max-width: 280px; /* Largura máxima ajustada */
    }
}

@media (max-width: 480px) {
    .primary-button.hero.w-button {
        font-size: 12px; /* Fonte menor em smartphones */
        padding: 8px 16px; /* Ajusta o espaçamento interno */
        max-width: 260px; /* Largura máxima mais ajustada */
    }
}