#Youtube-Thumbnail {
  /* For modern browsers (standard syntax) */
  background: linear-gradient(
    to right,
    #ff416c,
    #ff4b2b
  ); /
 }
 #Blue{
    background: linear-gradient(
    135deg,
    #007aff,
    #00c6ff
  );
 }
 #Rose{
    background: linear-gradient(135deg, #FF6F61, #DE425B); /* Coral to Deep Rose */
 }
 #Dark{
    background: linear-gradient(135deg, #56AB2F, #2A6A2C);
 }
 #Orange{
background: linear-gradient(135deg, #FFD700, #FFA500);
 }
 #Coral{
    background: linear-gradient(135deg, #FF9966, #FF5E62)
 }
 #Teal{
    background: linear-gradient(135deg, #1A70DC, #2C3E50);
 }
 #ebook-cover-icon {
  /* Deep Amethyst Gradient: Dark Blue/Violet to Royal Purple */
  background: linear-gradient(
    135deg,
    #4F4AFF,
    #8B54FF
  );
 }
--- Default State for all filter buttons ---
.filter button {
    /* Base styling - adjust these as needed */
    padding: 8px 15px;
    border: 1px solid #ccc;
    background-color: white; /* Default background is white/empty */
    color: #333; /* Default text color */
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s; /* Smooth visual change */
    border-radius: 5px;
    font-weight: 500;
}

/* --- Active State: Applied when button is clicked --- */
.filter button.active {
   background-image: linear-gradient(
    to right,
    #9B00FF, /* A bright purple, like the start of the gradient */
    #FF00A2  /* A bright pink/magenta, like the end of the gradient */
  );
  color: white;
}