learn to code 2 home page

by Vince Richter

HTML

<html>

  <head>
    <title>cool buttons</title>
    <style>
      body {
        font-family: 'arial'
      }

      .container {
        width: 500px;
        height: 100px;
        margin: 10;
      }

      .mybutton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        background: #e74c3c;
        color: white;
        text-decoration: none;
        transition: all 3s;
      }

      .mybutton:hover {
        background: blue;
        border-radius: 35px;
        transition: all 3s;
      }

    </style>

  </head>

  <body>

    <div class="container">

      <a href="#" class="mybutton">hi</a>

    </div>

  </body>

</html>