.dino-tombol{position:relative;display:block;flex:none;width:120%;max-width:120%;height:auto;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:1;transform-origin:50% 80%;border-radius:40%;outline-offset:5px}
.dino-tombol>.hero-plush{display:block;width:100%;max-width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.dino-tombol:focus-visible{outline:3px solid #8054ba;box-shadow:0 0 0 7px #fff9,0 0 28px #ac78d65c}
.dino-tombol::before{content:'';position:absolute;inset:17% 12% 9%;border-radius:50%;background:radial-gradient(ellipse,#fff8b344 0,#e4bdff35 50%,transparent 72%);opacity:0;pointer-events:none;z-index:-1}
.dino-tombol::after{content:'';position:absolute;left:28%;right:22%;bottom:7%;height:16%;border:3px solid #ffcf5c99;border-radius:50%;opacity:0;pointer-events:none}
.dino-tombol.dino-aktif::before{opacity:1;box-shadow:0 0 35px #ffd15c38}
.dino-tombol.dino-aktif::after{animation:dino-halo .8s ease-out both}
.dino-tombol.dino-lompat{animation:dino-lompat .75s cubic-bezier(.3,.7,.3,1) both}
.dino-tombol.dino-geli{animation:dino-geli .68s ease-in-out both}
.dino-tombol.dino-gelembung{animation:dino-gelembung .76s ease-in-out both}
#dinoEfek{position:absolute;inset:0;overflow:hidden;border-radius:28px;z-index:4;pointer-events:none;contain:layout paint}
.dino-partikel{position:absolute;display:block;font:800 clamp(16px,2vw,23px)/1 'Nunito',sans-serif;pointer-events:none;text-shadow:0 0 7px #fff;animation:dino-partikel .85s ease-out both;will-change:transform,opacity}
.dino-pesan{position:relative;z-index:5;display:block;max-width:95%;margin:5px auto 0;padding:8px 15px;border:1.5px dashed #cfb4db;border-radius:18px 18px 18px 5px;background:#fffbf2;color:#805a89;box-shadow:0 3px 0 #ebdfed;font:800 clamp(.67rem,1.2vw,.8rem)/1.45 'Nunito',sans-serif;text-align:center;pointer-events:none;min-height:2.5em}
@keyframes dino-lompat{0%,100%{transform:translateY(0) scale(1)}16%{transform:translateY(4px) scale(1.035,.94)}44%{transform:translateY(-17px) scale(.97,1.035) rotate(-2deg)}70%{transform:translateY(3px) scale(1.025,.97)}85%{transform:translateY(-3px) scale(1)}}
@keyframes dino-geli{0%,100%{transform:rotate(0)}18%{transform:rotate(-4deg) scale(1.02,.98)}36%{transform:rotate(4deg)}54%{transform:rotate(-3deg)}72%{transform:rotate(2deg)}90%{transform:rotate(-1deg)}}
@keyframes dino-gelembung{0%,100%{transform:scale(1)}25%{transform:scale(1.035,.965) rotate(1deg)}50%{transform:scale(.98,1.025) rotate(-1deg)}75%{transform:scale(1.015,.985)}}
@keyframes dino-halo{0%{opacity:.8;transform:scale(.75)}100%{opacity:0;transform:scale(1.6)}}
@keyframes dino-partikel{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}15%{opacity:1}70%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--dino-x)),calc(-50% + var(--dino-y))) rotate(var(--dino-putar)) scale(1.15)}}
.dino-tombol.dino-tenang{animation:none!important;transform:none!important}
.dino-tombol.dino-tenang.dino-aktif::after{animation:none;opacity:.6;transform:none}
@media(max-width:767px){.dino-tombol{width:100%;max-width:300px;height:auto}.dino-pesan{font-size:.65rem;padding:5px 10px;margin-top:0;max-width:100%;min-height:2em}.dino-partikel{font-size:17px}}
@media(prefers-reduced-motion:reduce){.dino-tombol,.dino-tombol>.hero-plush{animation:none!important;transform:none!important}.dino-tombol.dino-aktif::after{animation:none;opacity:.6;transform:none}.dino-partikel{display:none;animation:none}}