/* Premium AM: the category card pointer uses a pseudo-element and keeps its hover/active animation. */
.box-triangle-show::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18px;
  width: 0;
  height: 0;
  border-width: 18px 18px 0;
  border-style: solid;
  border-color: #111111 transparent transparent;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  transition: transform 700ms, opacity 700ms, visibility 700ms;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
}
.box-triangle-show:hover::before,
.box-triangle-active::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scaleY(1);
}