.sm-jelly-btn-group{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}
.sm-jelly-btn-group--stack{
  flex-direction:column;
  align-items:stretch;
}
.sm-jelly-btn{
  --btn-bg-1:#1b1f2a;
  --btn-bg-2:#0f1218;
  --btn-ring:rgba(255,255,255,.18);
  --btn-text:#fff;
  --btn-shadow:0 14px 32px rgba(0,0,0,.22);
  --btn-shadow-hover:0 18px 36px rgba(0,0,0,.28);
  --blob:rgba(255,255,255,.18);
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:999px;
  text-decoration:none !important;
  color:var(--btn-text) !important;
  background:linear-gradient(135deg,var(--btn-bg-1),var(--btn-bg-2));
  box-shadow:var(--btn-shadow);
  border:1px solid var(--btn-ring);
  overflow:hidden;
  isolation:isolate;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.2,.9,.2,1.2), box-shadow .22s ease, filter .22s ease;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.sm-jelly-btn:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:var(--btn-shadow-hover);
  filter:saturate(1.06);
}
.sm-jelly-btn:active{
  transform:translateY(1px) scale(.985);
}
.sm-jelly-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(255,255,255,.2), var(--btn-shadow-hover);
}
.sm-jelly-btn--full{
  width:100%;
}
.sm-jelly-btn--sm{padding:11px 18px;font-size:13px}
.sm-jelly-btn--md{padding:14px 22px;font-size:15px}
.sm-jelly-btn--lg{padding:17px 26px;font-size:16px}

.sm-jelly-btn--amazon{
  --btn-bg-1:#ffb300;
  --btn-bg-2:#ff8f00;
  --btn-ring:rgba(255,255,255,.34);
  --btn-text:#181818;
  --btn-shadow:0 14px 26px rgba(255,161,0,.28);
  --btn-shadow-hover:0 18px 34px rgba(255,161,0,.38);
}
.sm-jelly-btn--ebay{
  --btn-bg-1:#1a73e8;
  --btn-bg-2:#0b57d0;
  --btn-ring:rgba(255,255,255,.28);
  --btn-text:#fff;
  --btn-shadow:0 14px 26px rgba(26,115,232,.26);
  --btn-shadow-hover:0 18px 34px rgba(26,115,232,.36);
}

.sm-jelly-btn__icon,
.sm-jelly-btn__label,
.sm-jelly-btn__shine,
.sm-jelly-btn__blob{position:relative;z-index:2}
.sm-jelly-btn__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  background:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
  text-transform:lowercase;
}
.sm-jelly-btn--amazon .sm-jelly-btn__icon{background:rgba(255,255,255,.34)}
.sm-jelly-btn__shine{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 38%),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.26), transparent 24%);
  pointer-events:none;
}
.sm-jelly-btn__blob{
  position:absolute;
  left:-12%;
  top:10%;
  width:44%;
  height:78%;
  border-radius:50%;
  background:var(--blob);
  filter:blur(10px);
  opacity:.72;
  z-index:1;
  transform:translateX(0) scale(1);
  transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .3s ease;
}
.sm-jelly-btn:hover .sm-jelly-btn__blob{
  transform:translateX(160%) scale(1.18);
  opacity:.9;
}
.sm-jelly-btn.is-squish{
  animation:sm-jelly-squish .46s cubic-bezier(.2,.9,.2,1.2);
}
@keyframes sm-jelly-squish{
  0%{transform:scale(1)}
  28%{transform:scale(1.035,.955)}
  52%{transform:scale(.985,1.03)}
  76%{transform:scale(1.015,.985)}
  100%{transform:scale(1)}
}
@media (max-width:640px){
  .sm-jelly-btn-group{gap:10px}
  .sm-jelly-btn{width:100%;}
}