「5 different ways to create a ticket layout」のIE確認用デモ

角丸+ボーダーのグラデーション+切り込みを駆使したクールなチケットデザイン。
その構築方法5パターンを上記タイトルのリンク先の記事（英語）で解説してくれているのですが、デモの上がっているcodepenは残念ながらIEでは見られません。
なので自分でデモページを用意してみました。
（レスポンシブ非対応です）

このデモページはベースにBootstrapを使用しています。
そのためBootstrapが何か影響与えてるっぽいところは、元CSSから若干位置調整しています。
また、
:root { --background: #000; --color1: #d25778; --color2: #ec585c; --color3: #e7d155; --color4: #56a8c6;}

こういう変数もIEでは効かないので直しています。

やり方その1: 2つのdivを左右に乗っけてカバーにする

やり方その2: 子要素のborderを透明にする

やり方その3: clip-pathを使う

やり方その5: FigmaでSVGを作り使う

（参考サイトでFigmaの使い方解説をしているからこういう見出しなのです）

結論

完全にIE対応しなきゃならない場合、SVG一択。
現実的なのはIEのみデザインを変えて、左右の丸い切り込みを無し、またはborderを使わず背景色を敷く等のアレンジですかね。
そもそもIEなんか（略