HTML_CSS_FULL_COURSE/buttons_challenge.html

<style>
    a {
        color: rgb(0, 113, 113);
        transition: color 0.15s;
    }

    a:hover {
        color: rgb(204, 51, 0);
    }

    .product {
        font-weight: bold;
        font-size: 24px;
    }

    .price {
        color: rgb(0, 118, 0);
        font-weight: bold;
    }

    .add-2-cart {
        background-color: rgb(255, 216, 20);
        margin-right: 5px;
        border: none;
        height: 32px;
        width: 105px;
        border-radius: 16px;
        transition: background-color 0.15s
    }

    .add-2-cart:hover {
        background-color: rgb(245, 206, 10)
    }

    .add-2-cart:active {
        opacity: 0.8
    }

    .buy-now {
        background-color: rgb(255, 164, 28);
        border: none;
        height: 32px;
        width: 105px;
        border-radius: 16px;
        transition: background-color 0.15s;
    }

    .buy-now:hover {
        background-color: rgb(245, 154, 18);
    }

    .buy-now:active {
        opacity: 0.8;
    }
</style>
<a href="https://amazon.com/"> Back to Amazon </a>
<p class="product"> Nike Black Running Shoes </p>
<p class="price"> $39 - in stock. </p>
<p> Free delivery tomorrow. </p>

<button class="add-2-cart">Add to Cart</button>
<button class="buy-now">Buy now</button>