.interact-dot{position:absolute;z-index:20;bottom:-18px;left:50%;transform:translateX(-50%);border:0;border-radius:99px;padding:4px 8px;background:#fff7c6;color:#885b37;font:900 10px 'Noto Serif SC';box-shadow:0 3px 8px #67422a66;animation:dot-pop .45s ease-out}.flying-star{position:absolute;z-index:30;width:28px;height:28px;transform:translate(-50%,-50%);color:#fff7a4;text-shadow:0 0 12px #e8aa36;font-size:28px}.flying-star::after{content:'✦'}@keyframes dot-pop{from{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%,0);opacity:1}}