Einzelnen Button anpassen

Hallo,
ich habe auf meiner Seite mehrere Button. Einige zum Absenden des Kontaktformulars, andere als "Highlight". Wenn man im Layout den Button anpasst, werden alle entsprechend geändert.
Ist es möglich einen einzelnen Button z.B. in rot mit weißem Text darzustellen?
Ich habe in den Button-Einstellungen über "mehr" gesehen, dass hier css-Felder vorhanden sind. Leider kenne ich mich mit Programmierung nicht aus.
Es währe super wenn mir jemand hierzu einen Tipp geben könnte.

Ich schiebe gleich noch eine Frage hinterher: Kann man eine Hinweisbox erstellen, in welcher ein Button enthalten ist?
So nach dem Motto: Box mit rotem Rahmen "Jetzt xxx machen" und dann darunter den Button für die Aktion...
Vielen Dank

Hallo Jochen,
vielen Dank für deine Antwort. Das mit dem Button klappt super

Zu 2 meinte ich eine Hinweisbox mit Button drin. Untereinander sieht irgendwie blöd aus...
Ich denke mit manuellen Eingriffen sollte ich mich erstmal zurückhalten, bevor ich noch etwas kaputt mache
oder ist das nicht so kompliziert? Ich möchte hier auch nicht zu viel Aufwand verursachen.
Ich denke, ich werde sonst erstmal etwas anderes versuchen (auch wenn es mehr Aufwand ist)... Den Text in eine Grafik und diese dann zum klicken oder so..

Hallo,
ich habe es mal versucht. Als css habe ich folgendes erhalten:

<style>
.classname: kontaktbutton {
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color:#007dc1;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #124d77;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Verdana;
font-size:15px;
padding:7px 27px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
}
.classname: kontaktbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color:#0061a7;
}
.classname: kontaktbutton:active {
position:relative;
top:1px;
}
</style>

In der Hinweisbox habe ich dann entsprechend den html eingefügt, was dann so aussieht:

<p><a href="oid://page/de$Kontakt"><span style="font-family: Verdana">Kontaktieren</span></a><span style="font-family: Verdana"> Sie mich, bla bla bla</span></p>
<p style="text-align: center"><span style="font-family: Verdana"><a href="#" class="classname: kontaktbutton">Kontakt</a></span></p>

Es wird jedoch der Button nicht angezeigt, sondern nur das Wort "Kontakt" in blau hinterlegt wie ein Link.

Wahnsinn -> kaum macht man es richtig, funktioniert das auch noch

Auf der Seite konnte man rechts in einem Feld den Namen eingeben, was ich natürlich prompt gemacht habe, da ich mehrere Buttons erstellen will.
In dem Feld stand bereits "classname: myButton" also habe ich natürlich das "classname:" auch mit eingetippt

Würdest du mir noch verraten, wie ich einen Link (intern und/oder extern) hinter den Button lege? Dann wäre alles perfekt

Hallo Jochen,
es funktioniert tatsächlich alles. Vielen Dank für deine tolle Hilfe und ein schönes Wochenende