Bricks: Clickable Card.css

/* This CSS is in a custom class of the Card Element */

%root% {
  position: relative;
}

%root%:hover {
  translate: 0 -.25rem;
}

%root% h4 a::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

%root%:focus-within {
	box-shadow: 0 0 0 10px var(--dark-5);
}

%root%:focus-within :focus {
  box-shadow: none;
  outline: none;
}