.m22cr-action-btn {
  border: solid 2px #419FE6;
  border-radius: 32px;
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 32px;
  width: fit-content;
}

.m22cr-action-btn,
a.m22cr-action-btn,
button.m22cr-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:"Inter", sans-serif;
  font-size:18px;
  font-weight:500;
  line-height:1;
  padding:12px 32px;
  border-radius:32px;
  border:2px solid #419FE6;  /* azul por defecto */
  color:#FFFFFF;
}

a.m22cr-action-btn,
a.m22cr-action-btn:link,
a.m22cr-action-btn:visited,
a.m22cr-action-btn:active,
a.m22cr-action-btn:focus{
  display:inline-block;
  text-decoration:none ;
  position:static;   /* evita overlays raros del tema */
  float:none;
  color:#FFFFFF;     /* evita morado de :visited */
}

a.m22cr-action-btn:hover{
  display:inline-block;
  text-decoration:none ;
  position:static;   /* evita overlays raros del tema */
  float:none;
  color:#419FE6;     /* evita morado de :visited */

}


.m22cr-arrow-btn {
  width: 16px;
  height: 16px;
  background-image: url(../images/down-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  margin-top: 24px;
}

.m22cr-arrow-btn:hover {
  background-image: url(../images/down-arrow-hover.svg);
  background-color: transparent;
}

.m22cr-arrow-btn:active {
  background-color: transparent;
  font-weight: 600;
  color: #FFFFFF;
}

.m22cr-solid-btn {
  background-color: #419FE6;
}

.m22cr-solid-btn:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #419FE6;
}

.m22cr-prev-btn{
  display:inline-flex;
  align-items:center;       /* 'left' no existe; usa center o flex-start */
  gap:8px;
  background:transparent;   /* sin fondo */
  border:none;              /* sin borde */
  box-shadow:none;          /* sin sombra */
  padding:0;                /* sin espacio “pill” */
  color:#4D4D4D;
  line-height:1;            /* evita extra por line-height */
}

.m22cr-prev-icon{
  width:4px !important;
  height:8px !important;
  max-width:none;           /* neutraliza img{max-width:100%} del tema */
  display:inline-block;
  flex:0 0 auto;
}

.m22cr-prev-btn:hover{ 
  color:#419FE6; 
  background:transparent;   /* sin fondo */
  border:none;              /* sin borde */
  box-shadow:none;          /* sin sombra */
}
.m22cr-prev-btn:focus-visible{
  outline:2px solid #419FE6; 
  outline-offset:2px;
}

.m22cr-type-btn {
  background-color: #E0E9FF;
  border: none;
  border-radius: 50px;
  box-shadow: none;
  color: #1E1E1E;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  padding: 10px 16px;
  width: fit-content;
}

.m22cr-type-btn:hover {
  background-color: #EAEAEA;
  color: #4D4D4D;
}

.m22cr-type-btn.active {
  background-color: #0D1823;
  font-weight: 600;
  color: #FFFFFF;
}


.m22cr-step[data-step="3"] button.m22cr-action-btn.m22cr-back-to-step1{
  background: #FFFFFF;
  color: #0099FF;
  border: 2px solid #419FE6;
}

.m22cr-step[data-step="3"] button.m22cr-action-btn.m22cr-back-to-step1:hover{
  background: #FFFFFF;     
  color: #0099FF;
  border-color: #0099FF;
  box-shadow: 0 4px 12px 7px #605D5D33;
}

.m22cr-step[data-step="3"] .m22cr-cta-row{
  display: flex;          /* asegura layout en fila */
  flex-wrap: wrap;        /* si no caben, bajan */
  column-gap: 23px;       /* espacio horizontal exacto */
  row-gap: 12px;          /* opcional: espacio vertical cuando se rompa línea */
  justify-content: center;
   width: 100%; 
}

.m22cr-step[data-step="3"] .m22cr-cta-row .m22cr-action-btn{
  margin: 0;              /* por si el tema agrega márgenes */
}

.m22cr-step[data-step="2"] .m22cr-result-container .m22cr-arrow-btn{
  align-self: center;
  margin-top: 24px;
}

@media (min-width: 768px) {
  .m22cr-type-btn {
    padding: 10px 16px;
  }
}