/* BOTONES */

.btn .vce-button  {
  font-family: inherit;
  padding: 15px 23px !important;
  border-radius: 50px;
  cursor: pointer;
  border: 0;
  background-color: var(--c-primario) !important;
  color: var(--c-negro) !important;
  box-shadow: rgb(0 0 0 / 5%) 0 0 8px !important;
  font-size: 14px;
  transition: all 0.5s ease;
}

.btn .vce-button:hover {
  letter-spacing: 0.5px;
  background-color: var(--c-primario) !important;
  color: var(--c-negro) !important;
  box-shadow: var(--c-primario) 0px 7px 29px 0px !important;
}

.btn .vce-button:active {
  letter-spacing: 0.5px;
  background-color: var(--c-primario);
  color: hsl(0, 0%, 100%);
  box-shadow: var(--c-primario) 0px 0px 0px 0px;
  transform: translateY(10px);
  transition: 100ms;
}

.btn-blog {
  color: var(--c-primario);
  transition: color 0.5s ease;
}

.btn-blog:hover {
  color: var(--c-negro);

}


/* BTN WHITE */

.btn-white .vce-button {
  font-family: inherit;
  padding: 15px 23px !important;
  border-radius: 50px;
  cursor: pointer;
  border: 0;
  background-color: var(--c-blanco) !important;
  color: var(--c-negro) !important;
  box-shadow: rgb(0 0 0 / 5%) 0 0 8px !important;
  font-size: 14px;
  transition: all 0.5s ease;
}

.btn-white .vce-button:hover {
  letter-spacing: 0.5px;
  background-color: var(--c-blanco) !important;
  color: var(--c-negro) !important;
  box-shadow: var(--c-blanco) 0px 7px 29px 0px !important;
}

.btn-white .vce-button:active {
  letter-spacing: 0.5px;
  background-color: var(--c-blanco);
  color: hsl(0, 0%, 100%);
  box-shadow: var(--c-blanco) 0px 0px 0px 0px;
  transform: translateY(10px);
  transition: 100ms;
}


.btn-linea .vce-button {
  font-family: inherit;
  padding: 15px 23px !important;
  border-radius: 50px;
  cursor: pointer;
  border: 0;
  background-color: transparent !important;
  border: 1px solid var(--c-blanco);
  color: var(--c-blanco) !important;
  box-shadow: rgb(0 0 0 / 5%) 0 0 8px !important;
  font-size: 14px;
  transition: all 0.5s ease;
}

.btn-linea .vce-button:hover {
  letter-spacing: 0.5px;
  background-color: var(--c-blanco) !important;
  color: var(--c-negro) !important;
  box-shadow: var(--c-blanco) 0px 7px 29px 0px !important;
}

.btn-linea .vce-button:active {
  letter-spacing: 0.5px;
  background-color: var(--c-blanco);
  color: hsl(0, 0%, 100%);
  box-shadow: var(--c-blanco) 0px 0px 0px 0px;
  transform: translateY(10px);
  transition: 100ms;
}


@media screen and (max-width:768px) {

  .btn-left .vce-button--style-basic-container--align-left  {
    text-align: center !important;

  }

  .vce-button--style-basic-container--align-right  {
    text-align: center !important;
  }
}


/* BOTÓN ENVÍO FORMULARIO */



.btn-enviar input[type=submit] {
  cursor: pointer;
  display: inline-block;

  font-family: inherit;
  padding: 15px 23px !important;
  border-radius: 50px;
  cursor: pointer;
  border: 0;
  background-color: var(--c-blanco) !important;
  color: var(--c-negro) !important;
  box-shadow: rgb(0 0 0 / 5%) 0 0 8px !important;
  font-size: 14px;
  transition: all 0.5s ease;
  min-width: 100px;
}



.btn-enviar input[type=submit]:hover {
 letter-spacing: 0.5px;
  background-color: var(--c-blanco) !important;
  color: var(--c-negro) !important;
  box-shadow: var(--c-blanco) 0px 7px 29px 0px !important;

}



.btn-enviar input[type=submit]:active {
  letter-spacing: 0.5px;
  background-color: var(--c-blanco);
  color: hsl(0, 0%, 100%);
  box-shadow: var(--c-blanco) 0px 0px 0px 0px;
  transform: translateY(10px);
  transition: 100ms;
}