Wie kann ich in CSS eine Schaltfläche mit zwei Farben und einem geschwungenen Rand entwerfen? ⇐ CSS

[Guest]

Ich versuche, eine Schaltfläche zu erstellen, die der im Bild gezeigten Schaltfläche ähnelt.
Die Schaltfläche enthält zwei Farben (wie die Hintergrundfarbe). 1 ist transparent und die andere Farbe ist hellorange.
Die hellorange Farbe hat nur einen Randradius oben rechts.
Zum leichteren Verständnis habe ich das Bild angehängt, ich möchte genau dieses Design haben.Ihre Hilfe wird sehr geschätzt. Danke
Ich habe die Verlaufstechnik ausprobiert, weiß aber nicht, wie ich den Randradius der Farbe erstellen soll.