.category-card:hover::after{
  background: linear-gradient(to bottom, #FFFFFF00, #0BA9A9);
}

.category-card::before{
  @apply content-[''] w-full h-[80%] absolute left-0 bottom-0 z-[6];
  background: linear-gradient(to top, #00b4b470, #11b9b947, #2dc1c157, #46c8c847, #5acece47, #69d3d329, #74d6d612, #7ad8d805, #7dd9d900)
}