/* Drawn navigation marks for the design library. The containing links keep
   their accessible names; these small SVGs are decorative. */
.card-meta>div{min-width:0}
.card-meta>.template-arrow{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  margin-left:2px;
  border:1px solid #cad3c1;
  border-radius:10px;
  background:#f0f3e9;
  color:#405136;
  font-size:0;
  line-height:1;
  transform:none;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.template-arrow svg,.template-cta-arrow{
  display:block;
  width:17px;
  height:17px;
  flex:0 0 17px;
  overflow:visible;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.card-meta:hover>.template-arrow,
.card-meta:focus-visible>.template-arrow{
  background:#d6f078;
  border-color:#b7cd78;
  color:#17211a;
  transform:none;
}
.preview-start>.template-cta-arrow{width:16px;height:16px;flex-basis:16px}
@media(max-width:640px){
  .card-meta>.template-arrow{width:32px;height:32px;flex-basis:32px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){
  .card-meta>.template-arrow{transition:none}
}