Как реализовать двойное сглаживание углов блока в CSS?

Question

[Tyler Lowell]

Есть вот такой вот блок:


Каким образом можно реализовать такой блок в CSS?

Answer 1

[Андрей Федоров]

https://codepen.io/aliencash/pen/VwLKGKy

Answer 2

[Владимир Коротенко]

<div class="button">
Button
</div>

body{
  background-color: lightgray;
}
.button{
  background-color: white;
  display: inline-box;
  width: 200px;
  text-align: center;
  padding: 1em;
  font-size: 1.4em;
  border-radius: 23% 23% /  23% 23%;
  box-shadow: 0.25em 0.25em 0.25em 0px rgba(0,0,0,0.4);
}