Este documento proporciona el código CSS y HTML necesario para crear botones de llamados a la acción en un sitio web. Incluye código para establecer el estilo, color y tamaño de los botones, así como código para agregarlos al menú de navegación. También explica brevemente cómo copiar y pegar el código en las secciones adecuadas para personalizar los botones de llamado a la acción.

1. PASOS PARA BOTONES DE LLAMADOS A LA ACCIÓN
Este son los códigos que necesitarás para crear los botones para tu sitio web.
Copia el código y pegalo en la caja de CUSTOM CSS.
/*-----------------------[Botón CTA]-------------------------*/
/*-----------------[por Emma Saldierna]----------------*/
.cta {border-radius: 0px;}
.cta a {color: #fff!important;}
li.cta {
background-color:#0d3b69;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: 12px 13px 10px 10px!important;
border-radius: 3px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;}
li.cta:hover {background-color:#febb4a;}
/* fixed header button text color */
.et-fixed-header #top-menu .cta a {
color: #fff!important;}

2. .cta li.current-menu-ancestor > a, .cta li.current-menu-item > a {
color: #fff!important;}
@media only screen and (min-width : 981px) {
li.cta {height: 33px;}}
/*-----------------[FIN]----------------*/
___________________________________________________________________________
Código de “etiqueta de navegación”. Este es el que va en el menú:
<span class="et_pb_more_button et_pb_button">​TU TEXTO AQUI​</span>
_________________________________
Código que va en la opción de “estilos personalizados CSS”
/*Menu CTA Button*/
#et-top-navigation .et_pb_button {
margin-top: 0px;
font-size: inherit;
font-weight: inherit;
}
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}