.metall{color:#000;letter-spacing:0;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;text-shadow:0 1px #fff,.8px .6px #ffffffe6,-.8px .6px #fff9;isolation:isolate;background:linear-gradient(#ebebeb 0%,#eaeaea 33%,#e3e3e3 41%,#d8d8da 52%,#c8c9ce 66%,#bbbcc4 82%,#b3b4bd 100%);border:0;border-radius:9999px;justify-content:center;align-items:center;gap:.5em;font-weight:400;text-decoration:none;transition:transform .15s cubic-bezier(.2,.8,.2,1),filter .15s ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 -1px #ffffff73}.metall-s{height:2rem;padding:0 1.1rem;font-size:.8125rem}.metall-m{height:2.5rem;padding:0 1.25rem;font-size:.9375rem}.metall-l{height:3rem;padding:0 1.8rem;font-size:1.1875rem}.metall-xl{height:3.5rem;padding:0 2.2rem;font-size:1.375rem}.metall-ref{letter-spacing:-.01em;width:245px;height:123px;padding:0;font-size:51px}.metall:hover{filter:brightness(1.055)}.metall:active,.metall.ist-gedrueckt{background:linear-gradient(#c9cad1 0%,#d2d3d8 30%,#e0e0e3 65%,#ececee 100%);transform:scale(.965);box-shadow:inset 0 1px #00000014}.gravur-laser{color:#0a0a0b;text-shadow:0 1px #fffffff2,0 -1px #00000038}.gravur-tief{color:#111214;text-shadow:0 1px 1px #ffffffe6,0 0 1px #00000059,0 -1px #0000004d}.gravur-aetz{text-shadow:none}.gravur-aetz>.aetz{color:#0000;background:linear-gradient(#3a3b40 0%,#0b0b0d 55%,#26272c 100%);filter:drop-shadow(0 1px #ffffffe6);-webkit-background-clip:text;background-clip:text}.metall-chrom{background:linear-gradient(#fdfdfd 0%,#f4f4f6 20%,#dddee3 44%,#b9bac4 50%,#cdced5 55%,#e6e6ea 78%,#d1d2d9 100%);box-shadow:inset 0 -1px #fff9,inset 0 1px #ffffffe6}.metall-gebuerstet:before{content:"";border-radius:inherit;mix-blend-mode:overlay;opacity:.7;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.012' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='400' height='120' filter='url(%23b)'/%3E%3C/svg%3E");background-size:400px 120px;position:absolute;inset:0}.metall-gefraest{box-shadow:inset 0 1px #fff,inset 0 -1px #00000029,0 0 0 1px #00000012,0 1px 2px #0000002e}.metall-titan{text-shadow:0 1px #ffffff47;background:linear-gradient(#7b7e88 0%,#74777f 30%,#62656d 50%,#4d5058 72%,#3e4149 100%);box-shadow:inset 0 -1px #ffffff38,inset 0 1px #ffffff40}.metall-titan:active,.metall-titan.ist-gedrueckt{background:linear-gradient(#3e4149 0%,#4d5058 35%,#62656d 70%,#6f727a 100%)}.metall-titan-hell{color:#f4f5f7;text-shadow:0 -1px #0000008c}.metall-graphit{color:#f4f5f7;text-shadow:0 -1px #0009;background:linear-gradient(#4a4d56 0%,#3b3e46 35%,#2b2d34 65%,#202228 100%);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0f,0 0 0 1px #0006}.metall-graphit:active,.metall-graphit.ist-gedrueckt{background:linear-gradient(#202228 0%,#2b2d34 40%,#3b3e46 100%)}.ecke-8{border-radius:8px}.ecke-10{border-radius:10px}.ecke-sq8{corner-shape:squircle;border-radius:8px}.ecke-sq10{corner-shape:squircle;border-radius:10px}.ecke-sq14{corner-shape:squircle;border-radius:14px}.ecke-se{corner-shape:superellipse(3);border-radius:12px}.metall-gebuerstet:before{corner-shape:inherit}