@property --metal-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.button,.nav-contact{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:100px;background:linear-gradient(175deg,#203d32,#081c16);color:#f4e8d0;box-shadow:0 2px 5px #0005,0 9px 9px #0002,0 20px 12px #0001;transition:transform .25s ease,box-shadow .25s ease;color:#f4e8d0}
.button{min-height:56px;padding:17px 25px;gap:28px}.nav-contact{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 20px}
.button:before,.nav-contact:before{content:'';position:absolute;inset:0;z-index:-2;border-radius:inherit;background:conic-gradient(from var(--metal-angle),#665035 0deg,#b99a64 35deg,#fff4cf 57deg,#90703f 78deg,#ddc493 110deg,#675137 145deg,#eed9ae 180deg,#a17f4a 220deg,#fff4d2 250deg,#8f7045 285deg,#d3b47b 320deg,#665035 360deg);animation:liquid-metal 9s linear infinite;pointer-events:none}
.button:after,.nav-contact:after{content:'';position:absolute;inset:2px;z-index:-1;border-radius:inherit;background:linear-gradient(175deg,#243c31,#091b15 85%);box-shadow:inset 0 1px 1px #ffffff16;pointer-events:none}
.button:hover,.nav-contact:hover{color:#fff4dc;background:transparent;transform:translateY(-2px);box-shadow:0 3px 6px #0004,0 12px 18px #0003,0 0 18px #b99a6418}
.button:hover:before,.nav-contact:hover:before{animation-duration:4s}.button:active,.nav-contact:active{transform:translateY(1px) scale(.98);box-shadow:0 1px 2px #0006}.button:focus-visible,.nav-contact:focus-visible{outline:2px solid #efd5a6;outline-offset:5px}.button>span,.nav-contact>span{color:#dec697}
.button .metal-ripple,.nav-contact .metal-ripple{position:absolute;display:block;margin:0;width:24px;height:24px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffecc18c,transparent 72%);animation:metal-ripple .65s ease-out forwards;z-index:2}
@keyframes liquid-metal{to{--metal-angle:360deg}}@keyframes metal-ripple{from{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(14);opacity:0}}
@media(prefers-reduced-motion:reduce){.button:before,.nav-contact:before{animation:none}.button,.nav-contact{transition:none}.button .metal-ripple,.nav-contact .metal-ripple{display:none}}