/* Calm object hints; the projected button/hit area stays fixed while its text rises. */
.cards-hotspot{transition:opacity 150ms cubic-bezier(.25,1,.5,1)}
.cards-hotspot b,.cards-hotspot span{
  transform:translateY(10px);
  transition:transform 150ms cubic-bezier(.25,1,.5,1);
}
.cards-hotspot::after{
  transform:scaleY(0);transform-origin:center bottom;
  transition:transform 150ms cubic-bezier(.25,1,.5,1);
}
.cards-hotspot[data-disclosed="true"]{transition-duration:260ms}
.cards-hotspot[data-disclosed="true"] b,
.cards-hotspot[data-disclosed="true"] span{
  transform:translateY(0);transition-duration:300ms;
}
.cards-hotspot[data-disclosed="true"] span{transition-delay:35ms}
.cards-hotspot[data-disclosed="true"]::after{transform:scaleY(1);transition-duration:240ms}
@media(prefers-reduced-motion:reduce){
  .cards-hotspot,.cards-hotspot b,.cards-hotspot span,.cards-hotspot::after{transition:none}
  .cards-hotspot[data-disclosed] b,.cards-hotspot[data-disclosed] span{transform:none}
}