.metallic-button{font-size:18px;padding:16px 32px;font-weight:600;border:none;outline:none;color:#000;background:linear-gradient(45deg,#999 5%,#fff 10%,#ccc 30%,#ddd 50%,#ccc 70%,#fff 80%,#999 95%);text-shadow:1px 1px 2px rgba(255,255,255,.5);border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease-in-out;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.metallic-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);transition:all .6s ease-in-out;opacity:0}.metallic-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 30px rgba(255,255,255,.4),0 0 50px rgba(255,215,0,.3),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.3);background:linear-gradient(45deg,#aaa 5%,#fff 10%,#ddd 30%,#eee 50%,#ddd 70%,#fff 80%,#aaa 95%)}.metallic-button:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out infinite}.metallic-button:active{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.2),inset 0 2px 4px rgba(0,0,0,.2)}@media (max-width:768px){.metallic-button{width:100%;font-size:20px;padding:20px 24px;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 25px rgba(255,255,255,.3),0 0 40px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.2)}.metallic-button:hover{box-shadow:0 8px 30px rgba(0,0,0,.5),0 0 35px rgba(255,255,255,.5),0 0 60px rgba(255,215,0,.4),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.3)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.2),0 0 30px rgba(255,215,0,.2)}50%{box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 30px rgba(255,255,255,.4),0 0 50px rgba(255,215,0,.4)}}.metallic-button.pulse{animation:pulse-glow 2s ease-in-out infinite}.metallic-button-enhanced{background:linear-gradient(135deg,#b8b8b8,#ffffff 15%,#d4d4d4 30%,#e8e8e8 45%,#ffffff 50%,#e8e8e8 55%,#d4d4d4 70%,#ffffff 85%,#b8b8b8);background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}