.btn-outer{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:52px 68px;z-index:10}.branches{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.branch-path{fill:none;stroke:#b8860b;stroke-linecap:round;stroke-linejoin:round;opacity:.5;transition:stroke .45s ease,opacity .45s ease,filter .45s ease;filter:none}.btn-outer:hover .branch-path{stroke:#ffe566;opacity:1;filter:drop-shadow(0 0 4px #ffd700) drop-shadow(0 0 10px rgba(255,185,0,.55))}.leaf-dot{fill:#b8860b;opacity:.55;transition:fill .45s ease,opacity .45s ease,filter .45s ease;filter:none}.btn-outer:hover .leaf-dot{fill:#ffe566;opacity:1;filter:drop-shadow(0 0 4px #ffd700)}.btn-wrap{position:relative;display:inline-flex}.btn-wrap:before{content:"";position:absolute;inset:-10px;border-radius:8px;background:radial-gradient(ellipse,gold 0,#b8860b 45%,transparent 72%);opacity:0;filter:blur(20px);transition:opacity .4s ease;z-index:-1}.btn-outer:hover .btn-wrap:before{opacity:.55}.hp-btn{position:relative;padding:18px 54px;font-family:Cinzel Decorative,cursive;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#1a0e00;cursor:pointer;border:none;outline:none;overflow:hidden;border-radius:4px;transition:transform .25s ease,box-shadow .3s ease;background:linear-gradient(135deg,#8b6914,#c9971c 15%,#f5d060 30%,#fce882 38%,gold 45%,#f5c518 52%,#e8a810 60%,#c98c10 72%,#f5d060 84%,#c9971c 92%,#8b6914);background-size:200% 200%;animation:shimmerBase 4s ease infinite;box-shadow:0 2px 8px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 0 rgba(0,0,0,.3)}@keyframes shimmerBase{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hp-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(180deg,hsla(0,0%,100%,.22),transparent);border-radius:4px 4px 0 0;pointer-events:none;z-index:1}.hp-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 18px rgba(255,215,0,.7),0 0 42px rgba(255,190,0,.38),0 0 70px rgba(255,160,0,.16),0 6px 20px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 rgba(0,0,0,.2)}.hp-btn:active{transform:translateY(0) scale(.99)}.ring{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;border:1.8px solid rgba(255,240,130,.85);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:10;animation:none}.ring.active{animation:expandRing 1.6s cubic-bezier(.2,.6,.4,1) forwards}@keyframes expandRing{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-color:rgba(255,255,180,.9)}40%{border-color:rgba(255,215,0,.6)}to{transform:translate(-50%,-50%) scale(12);opacity:0;border-color:rgba(255,200,0,0)}}.rune{position:absolute;font-size:10px;color:rgba(212,175,55,.4);transition:color .3s;font-family:serif;z-index:4}.hp-btn:hover .rune{color:rgba(255,230,80,.95)}.rune.tl{top:3px;left:6px}.rune.tr{top:3px;right:6px}.rune.bl{bottom:3px;left:6px}.rune.br{bottom:3px;right:6px}.particles{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:5}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fffbe0 0,gold 60%,transparent 100%);opacity:0;bottom:50%;left:50%;transform:translate(-50%,50%)}.hp-btn:hover .particle{animation:floatUp 1.3s ease-out forwards}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,50%) translate(0) scale(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,50%) translate(var(--tx),var(--ty)) scale(.3)}}.btn-text{position:relative;z-index:6;display:flex;align-items:center;gap:12px;pointer-events:none}.btn-text .star{font-size:12px;opacity:.8}