index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Styled Button</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    
    <div class="main" align="center">
        <h1>Styled Button</h1>
        <hr>
        <button class="button button-purple mt-5">
            Purple
        </button>
        <button class="button button-blue mt-5">
            Blue
        </button>
        <a class="button button-red mt-5">
            Red 
        </a>
        <button class="button button-dark mt-5">
            Dark 
        </button>
        <button class="button button-yellow mt-5">
            Yellow 
        </button>
    </div>

</body>
</html>