header {
    width:  99vw;
    height: 80vh;
    background-color: black;
    background-image: url('../img/img2/dishes.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}


.add-to-cart-btn {
    background-color: #110101; /* Dark background */
    color: #fff; /* White text */
    border: none; /* Remove border */
    border-radius: 8px; /* Rounded corners */
    padding: 10px 20px; /* Padding for button */
    font-size: 16px; /* Font size */
    font-weight: bold; /* Bold text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */
  }

  .add-to-cart-btn:hover {
    background-color: #555; /* Slightly lighter background on hover */
    transform: scale(1.05); /* Slight scaling on hover */
  }

  .add-to-cart-btn:active {
    transform: scale(0.95); /* Slight scaling when button is pressed */
  }