/* Mohtawa Customer Care Launcher v1.0.0 */

.mcc-floating-btn,
.mcc-inline-btn{
  padding:12px 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
  font:14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

.mcc-modal{
  position:fixed;
  inset:0;
  z-index:9999999;
  display:none;
}

.mcc-modal.is-open{ display:block; }

.mcc-modal__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}

.mcc-modal__panel{
  position:absolute;
  inset:5vh 4vw;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
}

.mcc-modal__close{
  position:absolute;
  top:10px;
  right:12px;
  z-index:3;
  border:0;
  background:rgba(0,0,0,.55);
  color:#fff;
  border-radius:999px;
  width:34px;
  height:34px;
  font-size:20px;
  line-height:34px;
  cursor:pointer;
}

.mcc-modal__frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

@media (max-width: 700px){
  .mcc-modal__panel{ inset:0; border-radius:0; }
}