Button

Default Button Button Mit Icon Button Mit Outline Farbiger Button Runder Button Mit Icon

                
                
                    
<button type="submit" class="stg-button stg-btn_orange stg-cp">
    Kategorie erstellen
</button>

                
                
                    

.stg-button {
  border-radius: 18px;
  padding: 10px 15px;
  background-color: var(--weiss);
}

.stg-btn_orange {
  border: 2px solid var(--orange);
  background-color: var(--orange);
  color: var(--grau_1);
}

/* Hover-Zustand */
.stg-btn_orange:hover {
  border-color: #d98800;
}

/* Aktiver (Klick-)Zustand */
.stg-btn_orange:active {
  background-color: #d98800;
  border-color: #d98800;
}

.stg-cp {
  cursor: pointer;
}

#farbigerbutton #actionbutton #primary #call to action button