.overlay {
    transition: background 600ms ease-out;
}

.quick-filter {
    transition: all 500ms ease-out;
    cursor: pointer;
}

.overlay-label {
    transition: color 500ms ease-out;
}

#activities .overlay {
    background-color: rgb(152 203 102 / 0%);
}

#activities:hover .overlay {
    background: rgb(152 203 102 / 70%);
}

#places .overlay {
    background-color: rgb(0 152 152 / 0%);
}

#places:hover .overlay {
    background: rgb(0 152 152 / 70%);
}

#eatdrink .overlay {
    background-color: rgb(247 152 56 / 0%);
}

#eatdrink:hover .overlay {
    background: rgb(247 152 56 / 70%);
}


.quick-filter:hover {
    box-shadow:
  1.9px 1.8px 2.2px -45px rgba(0, 0, 0, 0.039),
  4.5px 4.3px 5.3px -45px rgba(0, 0, 0, 0.057),
  8.4px 8.1px 10px -45px rgba(0, 0, 0, 0.07),
  15px 14.5px 17.9px -45px rgba(0, 0, 0, 0.083),
  28px 27.2px 33.4px -45px rgba(0, 0, 0, 0.101),
  67px 65px 80px -45px rgba(0, 0, 0, 0.14)
    ;
    transform: scale(1.05);
}