.info-popup-overlay{
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(23,55,53,0.55);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.info-popup{
  background:var(--paper, #FBFAF3);
  border-radius:var(--radius, 14px);
  max-width:420px;
  width:100%;
  padding:32px 28px 28px;
  position:relative;
  box-shadow:0 24px 60px rgba(0,0,0,0.28);
  text-align:center;
}
.info-popup .info-popup-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--amber, #C97A2E);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
}
.info-popup .info-popup-icon svg{
  width:22px;
  height:22px;
  stroke:#fff;
}
.info-popup h3{
  font-family:'Fraunces', serif;
  font-weight:600;
  font-size:19px;
  margin:0 0 10px;
  color:var(--ink, #1D2B22);
}
.info-popup p{
  font-size:14.5px;
  color:var(--ink-soft, #516052);
  line-height:1.6;
  margin:0 0 22px;
}
.info-popup-close{
  display:inline-flex;
  font-family:'Work Sans', sans-serif;
  font-weight:600;
  font-size:14px;
  padding:11px 26px;
  border-radius:999px;
  background:var(--teal, #22504E);
  color:#fff;
  border:none;
  cursor:pointer;
}
.info-popup-close:hover{
  opacity:.92;
}
.info-popup-x{
  position:absolute;
  top:14px;
  right:14px;
  width:28px;
  height:28px;
  border:none;
  background:none;
  cursor:pointer;
  color:var(--ink-soft, #516052);
  display:flex;
  align-items:center;
  justify-content:center;
}
.info-popup-x svg{
  width:18px;
  height:18px;
}

@media (max-width:480px){
  .info-popup{ padding:28px 22px 24px; }
}