.cxrr-share-card{
  --cxrr-pink:#ff2d6f;
  --cxrr-yellow:#ffd84d;
  --cxrr-blue:#3edbff;
  --cxrr-green:#25d366;
  width:min(1180px,calc(100% - 36px));
  margin:20px auto 24px;
  padding:8px 0 10px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff;
  font-family:inherit;
  position:relative;
  z-index:5;
  overflow:visible;
  animation:cxrr-enter .38s cubic-bezier(.2,.75,.25,1) both;
}
.cxrr-share-main{text-align:center}
.cxrr-share-main h2{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(25px,3vw,38px)!important;
  line-height:1.03!important;
  font-weight:1000!important;
  letter-spacing:-1px!important;
  text-shadow:0 2px 14px rgba(0,0,0,.22);
}
.cxrr-reward-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:7px auto 0!important;
  padding:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:720!important;
}
.cxrr-reward-line>span{
  display:inline-block;
  color:var(--cxrr-yellow);
  filter:drop-shadow(0 0 8px rgba(255,216,77,.22));
  animation:cxrr-bolt 3.6s ease-in-out infinite;
}
.cxrr-reward-line strong{
  color:var(--cxrr-yellow)!important;
  font-weight:1000!important;
}
.cxrr-share-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:min(700px,100%);
  margin:15px auto 0;
}
.cxrr-share-btn{
  appearance:none;
  border:0!important;
  border-radius:15px;
  background:rgba(255,255,255,.075);
  color:#fff!important;
  min-height:58px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  position:relative;
  overflow:hidden;
  font:inherit;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.08);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
  text-align:center;
}
.cxrr-share-btn:before{
  content:"";
  position:absolute;
  left:-45%;
  top:-90%;
  width:32%;
  height:280%;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  opacity:0;
}
.cxrr-share-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 11px 28px rgba(0,0,0,.13);
}
.cxrr-share-btn:hover:before{animation:cxrr-shine .65s ease}
.cxrr-share-btn:active{transform:translateY(0) scale(.99)}
.cxrr-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.09);
}
.cxrr-icon svg{display:block;width:19px;height:19px}
.cxrr-whatsapp .cxrr-icon{color:#53e384;background:rgba(37,211,102,.13)}
.cxrr-email .cxrr-icon{color:var(--cxrr-yellow);background:rgba(255,216,77,.12)}
.cxrr-copy .cxrr-icon{color:#ff79a4;background:rgba(255,45,111,.13)}
.cxrr-share-btn-copy{display:flex;min-width:0;align-items:center;line-height:1}
.cxrr-share-btn-copy strong{font-size:13.5px;font-weight:950;color:#fff!important;white-space:nowrap}
.cxrr-copy-check{
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border-radius:50%;
  background:var(--cxrr-green);
  color:#fff;
  font-size:11px;
  font-weight:1000;
  opacity:0;
  transform:scale(.55);
  transition:.18s ease;
  position:absolute;
  right:7px;
  top:7px;
}
.cxrr-copy.is-copied .cxrr-copy-check{opacity:1;transform:scale(1)}
.cxrr-copy.is-copied{background:rgba(37,211,102,.13)}
.cxrr-toast{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:2147483000;
  transform:translate(-50%,18px);
  padding:10px 14px;
  border-radius:12px;
  background:#141c2c;
  color:#fff;
  font-size:12px;
  font-weight:850;
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
  white-space:nowrap;
  box-shadow:0 12px 32px rgba(0,0,0,.28)
}
.cxrr-toast.is-visible{opacity:1;transform:translate(-50%,0)}

@keyframes cxrr-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes cxrr-shine{0%{left:-45%;opacity:0}25%{opacity:.6}100%{left:125%;opacity:0}}
@keyframes cxrr-bolt{0%,88%,100%{transform:scale(1);opacity:1}92%{transform:scale(1.14) rotate(-7deg)}96%{transform:scale(1.07) rotate(6deg)}}

@media(min-width:980px){
  .cxrr-share-card{padding-top:10px}
  .cxrr-share-actions{gap:11px}
  .cxrr-share-btn{min-height:60px;padding:11px 16px}
  .cxrr-share-btn-copy strong{font-size:14px}
}

@media(max-width:760px){
  .cxrr-share-card{width:calc(100% - 24px);margin:12px auto 16px;padding:4px 0 8px}
  .cxrr-share-main h2{font-size:24px!important;letter-spacing:-.65px!important}
  .cxrr-reward-line{font-size:12px!important;margin-top:6px!important}
  .cxrr-share-actions{gap:7px;margin-top:12px}
  .cxrr-share-btn{min-height:52px;padding:7px 6px;border-radius:13px;gap:5px;flex-direction:column}
  .cxrr-icon{width:27px;height:27px;flex-basis:27px;border-radius:9px}
  .cxrr-icon svg{width:16px;height:16px}
  .cxrr-share-btn-copy strong{font-size:10.8px}
  .cxrr-copy-check{right:4px;top:4px;width:17px;height:17px;font-size:9px}
  .cxrr-toast{bottom:18px;max-width:calc(100vw - 24px);white-space:normal;text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .cxrr-share-card,.cxrr-reward-line>span,.cxrr-share-btn:before{animation:none!important}
  .cxrr-share-btn,.cxrr-copy-check,.cxrr-toast{transition:none!important}
}
