.promo-ticket{
  width:min(560px, 100%);
  min-height:72px;
  margin-top:18px;
  padding:14px 18px 14px 16px;
  display:grid;
  grid-template-columns:42px minmax(0, 1fr) auto auto;
  align-items:center;
  gap:16px;
  border-radius:10px;
  border:1px solid rgba(126,105,100,.22);
  background:rgba(250,247,242,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62), 0 12px 30px rgba(95,75,65,.08);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  color:#806f69;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.promo-ticket__icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(126,105,100,.18);
  background:rgba(255,255,255,.34);
  color:#907d76;
}

.promo-ticket__icon svg{
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.promo-ticket__icon circle{
  fill:currentColor;
  stroke:none;
}

.promo-ticket__main{
  min-width:0;
}

.promo-ticket__label{
  margin:0 0 6px;
  color:#8a7b75;
  font-size:13px;
  font-weight:400;
  line-height:1.1;
}

.promo-ticket__code{
  color:#5e504c;
  font-family:"Playfair Display", Georgia, serif;
  font-size:21px;
  font-weight:600;
  line-height:1;
  letter-spacing:.2px;
  white-space:nowrap;
}

.promo-ticket__discount{
  min-width:52px;
  min-height:34px;
  padding:0 10px;
  border-radius:8px;
  border:1px dashed rgba(126,105,100,.26);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#8a766f;
  font-size:14px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
}

.promo-ticket__copy{
  width:104px;
  padding:0 0 4px;
  border:0;
  border-bottom:1px dashed rgba(126,105,100,.48);
  border-radius:0;
  background:transparent;
  color:#8a766f;
  font:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1.1;
  cursor:pointer;
  white-space:nowrap;
  text-align:center;
  transition:color .18s ease, border-color .18s ease, transform .18s ease;
}

.promo-ticket__copy:hover{
  color:#6f5d58;
  border-color:rgba(126,105,100,.78);
  transform:translateY(-1px);
}

.promo-ticket__copy.is-copied{
  color:#b95d65;
  border-color:rgba(185,93,101,.55);
}

@media (max-width:900px){
  .promo-ticket{
    width:min(430px, 100%);
    grid-template-columns:40px minmax(0, 1fr) auto;
    gap:12px;
    padding:13px 14px;
  }

  .promo-ticket__copy{
    width:96px;
    grid-column:2 / 4;
    justify-self:start;
    margin-top:-2px;
  }
}

@media (max-width:560px){
  .promo-ticket{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    min-height:0;
    margin-top:14px;
    grid-template-columns:34px minmax(0, 1fr) auto;
    gap:10px;
    padding:11px 12px;
    border-radius:9px;
  }

  .promo-ticket__icon{
    width:34px;
    height:34px;
  }

  .promo-ticket__icon svg{
    width:18px;
    height:18px;
  }

  .promo-ticket__label{
    margin-bottom:4px;
    font-size:11px;
  }

  .promo-ticket__code{
    font-size:18px;
  }

  .promo-ticket__discount{
    min-width:46px;
    min-height:30px;
    padding:0 8px;
    font-size:12px;
  }

  .promo-ticket__copy{
    width:86px;
    font-size:12px;
  }
}