/*MODAL*/
#radicaPQR.modal{
  padding: 0px;
  width: 95%;
  max-width: 300px;
}

.modal__content {
  margin: 0 auto;
  padding: 26px;
  height: 295px;
  background-image: url("https://aprodmovistarcomsa.blob.core.windows.net/$web/persons/ayuda/atencion-al-cliente-test/modal/assets/bg_modal_radica_mobile.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: 10%;
}

.button {
  display: block;
  margin: 0 auto;
  width: max-content;
  padding: 4px 16px;
  background-color: var(--darkBlue);
  color: var(--white);
  border-radius: 60px;
  font-size: 14px;
  position: relative;
}

.button.button__ingresa {
  top: 17%;
}

.button.button__radica {
  top: 20%;
}

@media (min-width:768px) {
  #radicaPQR.modal{
    width: 95%;
    max-width: 689px;
  }
  .modal__content {
    height: 270px;
    background-image: url("https://aprodmovistarcomsa.blob.core.windows.net/$web/persons/ayuda/atencion-al-cliente-test/modal/assets/bg_modal_radica_desk.webp");
    top: 30%;
  }
  

  .button {
    margin: 0;
    padding: 6px 25px;
    position: absolute;
  }

  .button.button__ingresa {
    top: 48%;
    left: 43%;
  }

  .button.button__radica {
    top: 54%;
    right: 23%;
  }
}