Button Degine 9/26/2020

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <title>Button Desgine</title>
    <style>
        .submitbtn{
            height: 50px;
            width: 300px;
            color: white;
            background-color: #82B440;
            border:none;
            border-radius: 5px;
            font-size: 20px;
            cursor: pointer;
            margin-left:500px;
            margin-top: 200px;
            box-shadow: 0 0 8px 0 black;
            outline: none;
        }
        .submitbtn:hover{
            box-shadow: none;

        }
        .submitbtn:hover i{
            color:orange;
        }
        .submitbtn i{
            padding-right: 15px;

        }

    </style>
</head>
<body>

 <button type="submit" id="btn" class="submitbtn"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Add to Cart</button>
 <script>
    console.log(navigator.onLine);
 </script>


</body>
</html>