title: how to override Scss for specific page for specific button in ionic 3
body: <p>I am not able to override the scss for specific button on page.</p>
  
  <p><a href="https://stackblitz.com/edit/ionic-esc8ua?file=pages%2Fhome%2Fhome.html" rel="nofollow noreferrer">https://stackblitz.com/edit/ionic-esc8ua?file=pages%2Fhome%2Fhome.html</a></p>
  
  <pre><code>   button {
         &amp;.optgroup {
            &amp;.input-wrapper {
              padding-left:10px !important;
            }
         }
       }
  </code></pre>
  
  <pre><code>&lt;button ion-item class="optgroup"&gt;Hello i want to apply css to this button&lt;/button&gt;
  
     &lt;button ion-item&gt;i dont want to modify this button&lt;/button&gt;
  </code></pre>
  
  <p>i want to apply padding-left:10px to inner of text of first button</p>
  
  <p>Solved:</p>
  
  <pre><code>.optgroup {
          &amp; &gt; div.item-inner {
            padding-left:6px !important;
          }
  }
  </code></pre>