JSFiddle - React, Tailwind, and code Playground

HTML

Ik geef hierbij ook aan kennis genomen te hebben van het <a href="/privacybeleid/" target="_blank">privacy beleid</a>.<div style="padding-top:8px;padding-left:10px;">Ik wil graag een uitnodiging ontvangen om me in te schrijven op de nieuwsbrief van Rising Heart.</div>






<div class="hexagon-thempores902"></div>

CSS

.hexagon-thempores902 {
  position: relative;
  width: 300px;
  height: 173.21px;
  background-color: #9F8E7D;
  margin: 86.60px 0;
}

.hexagon-thempores902:before,
.hexagon-thempores902:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
}

.hexagon-thempores902:before {
  bottom: 100%;
  border-bottom: 86.60px solid #9F8E7D;
}

.hexagon-thempores902:after {
  top: 100%;
  width: 0;
  border-top: 86.60px solid #9F8E7D;
}