title: Round corners on a Bootstrap link
body: <p>I have a link and I want round corners on it.</p>
  <p>I've tried with this code with no success, here are all samples I tried.</p>
  <p>What I am thinking could be the mistake is that I'm using <code>btn btn-success</code> to change a link, but I cant find any CSS for a link in Bootstrap.</p>
  <h2>My code</h2>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.RoundIT{
      text-align:center;
      width:100%;
      height:40px;
      font-size: 13px;
      letter-spacing: 1px;
      line-height: 15px;
      border-radius: 40px;
      transition: all 0.3s ease 0s;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;&lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
              
   
  &lt;input type="submit" name="ctl00$ContentPlaceHolder1$Button1" value="normal Button" id="ctl00_ContentPlaceHolder1_Button1" class="btn-success RoundIT" style="width:25%"&gt;
   &lt;p&gt;
  &lt;a id="ctl00_ContentPlaceHolder1_hypProsegui" class="btn btn-success RoundIT" href="Index.aspx" style="width:30%;min-width:130px"&gt;link with css roundIT&lt;/a&gt;
   &lt;p&gt;
  &lt;a id="ctl00_ContentPlaceHolder1_hypProsegui" class="btn btn-success" href="Index.aspx" style="width:30%;min-width:130px"&gt;link without css RoundIT&lt;/a&gt;
   &lt;p&gt;
  &lt;a id="ctl00_ContentPlaceHolder1_hypProsegui" class="btn-success RoundIt" href="Index.aspx" style="width:30%;min-width:130px"&gt;link without css btn and RoundIT&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Thanks</p>