Wink Button Styling Examples

            
  <button class="wink-oauth-button wink-oauth-button--primary">
  <img src="src/images/semicolon-white.svg" alt='login button' />
    Continue with Wink
  </button>
            
         

            
<button class="wink-oauth-button wink-oauth-button--secondary">
<img src="src/images/semicolon-red.svg" alt='login button' />
Continue with Wink
</button>
            
         

            
<button class="wink-oauth-button wink-oauth-button--dark">
<img src="src/images/semicolon-white.svg" alt='login button' />
Continue with Wink
</button>
            
         

            
<button class="wink-oauth-button wink-oauth-button--primary wink-oauth-button--fit-to-text">
<img src="src/images/semicolon-white.svg" alt='login button' />
Sign In with Wink
</button>
            
         

            
<button class="wink-oauth-button wink-oauth-button--secondary wink-oauth-button--fit-to-text">
<img src="src/images/semicolon-red.svg" alt='login button' />
Sign In with Wink
</button>
            
         

              
<button class="wink-oauth-button wink-oauth-button--dark wink-oauth-button--fit-to-text">
<img src="src/images/semicolon-white.svg" alt='login button' />
Sign In with Wink
</button>
              
           

              
<button class=" wink-oauth-button wink-oauth-button--primary wink-oauth-button--left-aligned">
<img src="src/images/semicolon-white.svg" alt='login button' />
Sign Up with Wink
</button>
              
           

              
<button class="wink-oauth-button wink-oauth-button--secondary wink-oauth-button--left-aligned">
<img src="src/images/semicolon-red.svg" alt='login button' />
Sign Up with Wink
</button>
              
           

              
<button class="wink-oauth-button wink-oauth-button--dark wink-oauth-button--left-aligned">
<img src="src/images/semicolon-white.svg" alt='login button' />
Sign Up with Wink
</button>