.mask-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.mask-modal.show { display: flex; }
.modal-moca {
  background: #fff;
  padding: 32px;
  max-width: 420px;
  width: calc(100% - 32px);
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.25);
}
.modal-moca img { max-width: 140px; margin-bottom: 16px; }
.modal-moca h2 { margin: 0 0 8px; font-family: "Carlsberg Sans Black", sans-serif; color: #c12033; }
.modal-moca p  { margin: 0 0 20px; color: #1c1c1c; }
.modal-moca .content-modal a {
  display: inline-block;
  margin: 0 6px;
  padding: 10px 22px;
  text-decoration: none;
  font-weight: 600;
  border: 2px solid #c12033;
  background: #c12033;
  color: #fff;
  transition: all .2s ease;
}
.modal-moca .content-modal a:last-child { background: transparent; color: #c12033; }
.modal-moca .content-modal a:hover { background: #d9ae09; border-color: #d9ae09; color: #fff; }

[dir="rtl"] .modal-moca { text-align: right; }