title: Increase HTML Button Font size without altering button size
body: <p>The issue I am having is that when I change the size of the font in my button, the button then resizes.  As of now, I would like to keep the buttons at one specific size. So, I have fixed my buttons to a specific size but now I cannot change the font size. I am currently running my program on Chrome.</p>
  <p>Here is the HTML chunk:</p>
  <pre><code>&lt;div class=&quot;file-input-wrapper&quot;&gt;
    &lt;button class=&quot;btn-file-input&quot;&gt;Upload Documents&lt;/button&gt;
    &lt;input type=&quot;file&quot; name=&quot;filesToUpload[]&quot; id=&quot;filesToUpload&quot; multiple=&quot;&quot; onChange=&quot;makeFileList();&quot; /&gt;
  &lt;/div&gt;
  &lt;p&gt;
    &lt;strong&gt;Files You Selected:&lt;/strong&gt;
    &lt;ul id=&quot;fileList&quot;&gt;
      &lt;li&gt;No Files Selected&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class=&quot;file-input-wrapper1&quot;&gt;
      &lt;button class=&quot;btn-file-input1&quot;&gt;Upload Documents&lt;/button&gt;
      &lt;input type=&quot;submit&quot; value=&quot;Upload!&quot; /&gt;
    &lt;/div&gt;
  &lt;/p&gt;
  
  &lt;style type=&quot;text/css&quot;&gt;
    .file-input-wrapper {
      width: 400px;
      height: 125px;
      overflow: hidden;
      position: relative;
    }
    
    .file-input-wrapper&gt;input[type=&quot;file&quot;] {
      font-size: 200px;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
    }
    
    .file-input-wrapper&gt;.btn-file-input {
      display: inline-block;
      width: 400px;
      height: 125px;
    }
    
    .file-input-wrapper:hover&gt;.btn-file-input {
      background-color: #aaa;
    }
    
    .file-input-wrapper1 {
      width: 400px;
      height: 125px;
      overflow: hidden;
      position: relative;
    }
    
    .file-input-wrapper1&gt;input[type=&quot;submit&quot;] {
      font-size: 200px;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
    }
    
    .file-input-wrapper1&gt;.btn-file-input1 {
      display: inline-block;
      width: 400px;
      height: 125px;
    }
    
    .file-input-wrapper1:hover&gt;.btn-file-input1 {
      background-color: #ffff00;
    }
  &lt;/style&gt;
  </code></pre>