<div class="box">
<div class="box-content">
    <h3>Search Data</h3>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus laboriosam dolores modi odit unde a deserunt quos, quo quasi quod ad pariatur error alias consequatur molestias qui atque iusto ipsa.</p>
  <a href="">learn more</a>
</div>
</div>

.box {
  width: 250px;
  height: 250px;
  background: #000;
  position:relative;
  border-radius:63px 20px 20px 20px ;
  color:white;
}
.box:before {
  content: '';
    position: absolute;
    background: #000000;
    width: 250px;
    height: 250px;
    left: -57px;
    border-radius: 39px 39px 39px 77px;
    z-index: -1;
    transform: skew(-20deg);
}
.box-content {
  padding: 0px 20px 00px 40px;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}