2f.html

<!-- Challenging exercise-->


 <style>
  a{
    color:rgb(0,113,133);
    cursor:pointer;
  }
  .nike{
    font-weight:bold;
    font-size:25px;
    color:black;
    cursor:pointer;

  }

  .stock{
    color:rgb(0,118,0);
    font-weight:bold;
    cursor:pointer;
  }
  .Cart{
    background-color:rgb(255,216,20);
    border:none;
    color:black;
    height:34px;
    width:120px;
    border-radius:18px;
    font-size:15px;
    cursor:pointer;
    transition:background-color 0.15s opacity 0.15s;



  }
  .Buy{
    background-color:rgb(255,164,28);
    border:none;
    color:black;
    height:34px;
    width:120px;
    border-radius:18px;
    font-size:15px;
    cursor:pointer;
    transition:background-color 0.15s opacity 0.15s;


  }

  a:hover{
    color:rgb(127, 67, 38);
  }
  .cart:hover{
    background-color:rgb(224, 178, 0);
  }
  .cart:active{
    opacity:0.5;
  }
  .Buy:hover{
    background-color: rgb(222, 111, 0);
  }
  .Buy:active{
    opacity:0.5;
  }

 </style>
 <a href="https://www.amazon.in/" target="_blank">Back to Amazon</a>
 <p class="nike">Nike Black Running Shoes</p>
 <p class="stock">$39- in stock</p>
 <p class="free">Free delivery tomorrow.</p>
 <button class="Cart"> Add to Cart</button>
 <button class="Buy"> Buy Now</button>