style.css

body {
  background-color: #171d23;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  overflow: hidden;
  margin: 0;
}

.container {
  background-color: white;
  width: 400px;
  height: 300px;
  position: relative;
}

.body {
  margin: 8px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.container * {
  background: var(--bg, #191919);
  padding: var(--p, 0);
  margin: var(--m, 0);
  position: absolute;
}

.container i {
  --bg: radial-gradient(circle, #191919 var(--b, 45px), #e08027 0);
  border: 10px solid #191919;
  --p: 57px;
  --m: 67px 79px;
  border-radius: var(--r, 0) 50%50%;
}

.container img + i {
  --m: 67px 187px;
  --r: 50%0;
}

.container i i {
  --b: 6px;
  --p: 15px;
  --m: -14px -25px;
  --r: 50%;
}

.container b {
  --p: 11px 30px;
  --m: -16px -30px;
  overflow: hidden;
}

.container img {
  --bg: #e08027;
  --p: 26px;
  transform: rotate(45deg);
  --m: 160px 174px;
}