score:1

Accepted answer
<script src="https://cdn.tailwindcss.com"></script>
<div class="p-4">
  <div class="bg-blue-600 h-10 rounded-xl rounded-br-none absolute -skew-y-6 w-1/5 "></div>
  <div class="bg-blue-600 h-10 absolute rounded-xl rounded-tr-none skew-y-6 mt-5 w-1/5"></div>
 
<button
    class=" pt-[18px] px-7 bg-transparent ml-7 absolute top-3 text-white font-bold text-xl"
>
    Start
  </button>

  </div>

score:0

<script src="https://cdn.tailwindcss.com"></script>
<div class="p-4">
  <div class="absolute h-10 w-28 -skew-y-6  rounded-tr-[20px] rounded-l-[20px] rounded-br-none bg-blue-600"></div>
  <div class="absolute top-2 mt-5 h-10 w-28 skew-y-6 rounded-l-[20px] rounded-br-[20px] rounded-tr-none bg-blue-600"></div>
  <button class="absolute left-9 top-7 bg-transparent text-xl font-bold text-white">Start</button>
</div>

Related Query

More Query from same tag