Coffee Luv Bug Design System

Button Navigation

The button navigation is a secondary navigation in the body of our application. It is used to move to a particular page in the application.

Here is the example of our app's button navigation,

Here is the html code of our app's button navigation,

    
    <div class="button-container">                                
    <button onclick="location.href='index.html';" class="button">
    Read More..
    </button>
    </div>

Here is the css code of our app's button navigation,

    
    .button-container button 
    {
    background-color:  #7a8f99;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size:1.6rem;
    
    }
   .button-container button:hover 
    {
    background-color: #e3d2b0;
    color:#6F4E37;
    }