body {
      background-image: url("./images/Gradient\ wallpaper.jpeg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      height: 100vh; /* ensures it fills the full viewport height */
      margin: 0;
    }
.container-fluid {
    /* display: flex; */
    justify-content: center;
    border-radius: 15px;
    padding-top: 2%;
box-shadow:0 10px 15px 10px rgba(26, 14, 14, 0.1);
}
.header-btn{
   display: flex;
   flex-direction: row;
   justify-content:space-between; 
 align-items: center; 
}


.btn{
  /* gap: 2px; */
   padding: 5px 30px;
 font-size: 13px;

} /* padding: 2px 30px; */

.card-btns{
    display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 5px;
}

.bookmark{
    display: flex;
      gap: 15px;
}
 .like-btn {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 28px;
      color: #333;
      transition: transform 0.2s ease, color 0.2s ease;
    }

    .like-btn.liked {
      color: #e63946; /* red color */
      transform: scale(1.2);
    }

    #like-count {
      margin-top: 10px;
      font-weight: 600;
    }
.other-btn{
    background: none;
  border: none;
  cursor: pointer;
  font-size: 28px;
  color: #222;
  transition: transform 0.2s ease, color 0.2s ease;
}