Lieber Matthias,
metallische Effekte auf Buttons erreiche ich hier mit linearen Gradienten im Hintergrund.
Der linke Button hat "nur" 4 Farben: background: linear-gradient(180deg,#fea 10%,#dc8 40%,#a95 60%,#dc8 90%);
Der rechte Button hat 6 Farben: background: linear-gradient(top, #a95, #f2f2f2 25%, #ffffff 38%, #c5c5c5 63%, #f7f7f7 87%, #a95);
Er bräuchte vermutlich eine dunklere Schriftfarbe.
Man kann beim Hovern natürlich auch die Hintergründe ändern - da könnten nette Effekte entstehen.
Wenn man auf den Button klickt, dann wird er "gedrückt".
Falls wir das für unseren Kupferschmied brauchen können... her mit den Kupfertönen!