Tengo un problema y es que como puedo alinear a la izquierda el boton de contacto y a la derecha el iframe de Google Maps de forma de que tdo alineado ya que he estado intentandolo .
Os paso el codigo
<section class="contacte" id="section6">
<form method="POST" action="contactar.php">
<button type="submit" class="button" name='env'>Contacte</button>
<div id="mapa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11963.503810481645!2d2.2137249746337933!3d41.441913199422075!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4bcbd124a13e7%3A0x4602182533bf5a10!2sFundaci%C3%B3%20Hospital%20de%20l'Esperit%20Sant!5e0!3m2!1sca!2ses!4v1613580231213!5m2!1sca!2ses" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</section>
CSS
.contacte{
text-align: left;
padding:0.2%;
background-color: #2686E3;
padding-bottom: 5%;
}