/* SoulType v1.14: embossed depth and touch lift for original test cards only. */
.test-card{
  transform:translateY(0) scale(1);
  box-shadow:
    0 11px 23px rgba(19,16,18,.19),
    0 3px 7px rgba(19,16,18,.14),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(255,255,255,.07);
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);
}
/* A shallow glossy bevel, under the original icon and text, without replacing the photo mask. */
.test-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.23),inset 0 -3px 7px rgba(0,0,0,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.065),transparent 21%);
}
@media(hover:hover){
 .test-card:hover,.test-card.is-lifted,.test-card:focus-visible{
   transform:translateY(-7px) scale(1.01);
   box-shadow:0 21px 36px rgba(18,15,17,.3),0 8px 14px rgba(18,15,17,.16),inset 0 1px 0 rgba(255,255,255,.25);
 }
}
@media(hover:none){
 .test-card:active,.test-card.is-lifted,.test-card:focus-visible{
   transform:translateY(-7px) scale(1.01);
   box-shadow:0 21px 36px rgba(18,15,17,.3),0 8px 14px rgba(18,15,17,.16),inset 0 1px 0 rgba(255,255,255,.25);
 }
}
@media(prefers-reduced-motion:reduce){
 .test-card{transition:none!important}
 .test-card:hover,.test-card:active,.test-card.is-lifted,.test-card:focus-visible{transform:none!important}
}