How to make a rounded oval button?
<p>My goal is to make my button look like this:</p>
<p><a href="https://i.stack.imgur.com/8iEHT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8iEHT.png" alt="enter image description here" /></a></p>
<p>minus the black edges around the button.</p>
<p>After reading quite a few posts, I see most solutions saying to use</p>
<pre><code>layer.cornerRadius = 10.0
</code></pre>
<p>When I do that I get this:</p>
<p><a href="https://i.stack.imgur.com/6PSXy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6PSXy.png" alt="enter image description here" /></a></p>
<p>It rounds the edges, but doesn't give me my desired goal.</p>
<p>Any suggestion?</p>