Как сделать подобную кнопку с закругленными краями при ховере без overflow?

Привет.

Передо мной встала задача сделать подобную кнопку. Я сделал, применил overflow: hidden и это дало дефект - на фоне белого цвета по краям заметны артефакты родного цвета кнопки. Теперь я не пойму, как сделать подобную кнопку, но без overflow, при условии, что края всегда должны быть округлены, а псевдоэлемент даже при width: 0% должен иметь нужное округление, как у кнопки. Если описать это коротко - нужно сделать overflow: hidden без использования подобного свойства. Буду сильно благодарен за помощь! Спасибо.

https://codepen.io/anon/pen/eMmZpo