.btn {
  font-size: 16px;
  cursor: pointer;
}
/* Styling for the input */
#searchInput {
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
width: 200px;
}

/* Styling for the button */
#codifyBtn {
  background:linear-gradient(to left,rgb(252, 9, 159),blue);
                color:white;
                padding: 15px 20px;
                border: none; 
                border-radius: 15px;
}

/* Hover effect for the button */
#codifyBtn:hover {
background-color: #0056b3;
}


.btn-style-1 {
  background:linear-gradient(to left,rgb(252, 9, 159),blue);
              color:white;
              padding: 15px 20px;
              border: none; 
              margin:10px;
              border-radius: 15px;
              cursor: pointer;
}
  .btn-style-2 {
  color: white;
  background-color: blue;
  border: none;
  margin:10px;
  padding: 10px 15px;
  border-radius: 8px;
}

.btn-style-3 {
  margin: 5px;
  cursor: pointer;
  text-decoration: none;
  color: #333;
  font-size: 12px;
  padding: 10px 15px;
  border-radius: 8px;
  border: 2px solid rgb(252, 9, 159);
  transition: all 0.3s ease;
  
}

.filestyle {
 margin: 5px;
cursor: pointer;
text-decoration: none;
color: #333;
font-size: 12px;
padding: 10px 15px;
border-radius: 8px;
border: 2px solid rgb(252, 9, 159);
transition: all 0.3s ease;
}
.filestyle:hover {
  background: linear-gradient(to left, rgb(252, 9, 159), blue);
  color: white;
  border-color: transparent;
  
}