JSFiddle - React, Tailwind, and code Playground

by Umar

HTML

<a href="//google.com">Hello, World</a>

CSS

a {
    display: block;
    margin: 35px auto;
    width: 200px;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    transition: all .45s cubic-bezier(1,0,.42,1.47);
    -webkit-transition: all .45s cubic-bezier(1,0,.42,1.47);
    -moz-transition: all .45s cubic-bezier(1,0,.42,1.47);
    background: #000;
}

a:hover {
    padding: 10px 60px;
}