max-width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; /* Arredondamento das bordas */ background-color: #f7f7f7; /* Cor de fundo do formulário */ } /* Estilo dos inputs */ .cpa__order_form input[type="text"], .cpa__order_form select { width: 100%; padding: 10px; margin: 5px 0; border: 1px solid #ccc; border-radius: 5px; /* Arredondamento das bordas dos inputs */ box-sizing: border-box; font-family: Arial, sans-serif; /* Fonte do input */ font-size: 14px; /* Tamanho da fonte do input */ color: #333; /* Cor do texto do input */ } /* Estilo do botão */ .cpa__order_form button { width: 100%; padding: 10px; border: none; border-radius: 5px; /* Arredondamento das bordas do botão */ background-color: #007bff; /* Cor de fundo do botão */ color: #f7f7f7; /* Cor do texto do botão */ cursor: pointer; font-family: Arial, sans-serif; /* Fonte do botão */ font-size: 16px; /* Tamanho da fonte do botão */ } /* Estilo dos textos ao lado dos inputs */ .name-inp { margin-top: 10px; font-weight: bold; color: #555; /* Cor do texto */ font-family: Arial, sans-serif; /* Fonte */ font-size: 16px; /* Tamanho da fonte */ }
Nombre
Teléfono