JSFiddle - React, Tailwind, and code Playground

by joepenzo

HTML

<button class="btn1">Lees meer</button>

CSS

@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700|Open+Sans:400,300,600,700,800);
/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Josefin Sans', sans-serif;
*/

button.btn1 {
    border-radius: 20px;          
    border: 1px solid #6db8a9;
    padding: 10px 20px;
    background-color: transparent;
    cursor: pointer;
    
    font-family: 'Open Sans', sans-serif;
    color: #6db8a9;
    font-size: 15px;
    font-weight: 200;
    
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

button.btn1:hover {
    background-color: #6db8a9;
    color:white;   
}