diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000..7735e58
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+"16.8.0" 
diff --git a/src/App.css b/src/App.css
index 74b5e05..b0f4224 100644
--- a/src/App.css
+++ b/src/App.css
@@ -36,3 +36,15 @@
     transform: rotate(360deg);
   }
 }
+
+#nft-card:hover{
+  transform: scale(1.05);
+  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
+  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
+}
+
+#buy-button{
+  padding: 7px 20px;
+  font-size: 15px;
+  border-radius: 5px;
+}
\ No newline at end of file
diff --git a/src/components/minter/nfts/Card.js b/src/components/minter/nfts/Card.js
index e7924f2..c1e7ccb 100644
--- a/src/components/minter/nfts/Card.js
+++ b/src/components/minter/nfts/Card.js
@@ -10,7 +10,7 @@ const NftCard = ({ nft, buyNft }) => {
   const { contractOwner, price, image, description, name, index, attributes } = nft;
   return (
     <Col key={index}>
-      <Card className=" h-100">
+      <Card className="h-100" id={"nft-card"}>
         <Card.Header>
           <Stack direction="horizontal" gap={2}>
             <Identicon address={contractOwner} size={28} />
@@ -50,7 +50,7 @@ const NftCard = ({ nft, buyNft }) => {
             </Row>
           </div>
           <div className="d-flex m-2 justify-content-center">
-              <button onClick={buyNft} className="btn btn-primary">Buy</button>
+              <button onClick={buyNft} className="btn btn-primary" id={"buy-button"}>Buy</button>
           </div>
         </Card.Body>
       </Card>