Button variation

Hallo liebes Forum,

ich bin auf diese Seite gestoßen: https://webdeasy.de/en/top-css-buttons-en/

Button

#4 Icon buttons

finde ich absolut Klasse!

Ich habe es mittlerweile hinbekommen, dass das Icon RECHTS ist:

/* Icon separator rechts */
.btn-sepr {
  padding: 5px 120px 5px 60px;
}

.btn-sepr:before {
  background: rgba(0,0,0,0.2);
}


/* Button 2 rechts */
.btn-2r {
  background: #4caf50;
  color: black;
}

.btn-2r:hover {
  background: lightgreen;
}

.btn-2r:active {
  background: green;
  top: 1px;
}


.btn-2r:before {
  color:black;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  line-height: 1.1;
  font-size: 140%;
  width: 60px;
}

Ich bin aber total verzweifelt: Ich möchte eine Variation des Buttons so haben, dass das ICON rechts UND links von der Schrift steht..

Könnt ihr mir da helfen?

Ich bekomme es einfach nicht hin

LG und frohes Neues Jahr noch..

BaselRalf

Wunterbar! Vielen Danke.. genau das, was ich gesucht habe!