/* Decorative arrow keeps the link's accessible name and destination intact. */
.story-external[href="https://www.beforetheirsasks.com/"] {
  gap: 12px;
  max-width: 100%;
  white-space: normal;
}
.story-external[href="https://www.beforetheirsasks.com/"]::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102039' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E");
  transition: transform 180ms ease-out;
}
.story-external[href="https://www.beforetheirsasks.com/"]:focus-visible::after {
  transform: translateX(4px);
}
@media (hover: hover) and (pointer: fine) {
  .story-external[href="https://www.beforetheirsasks.com/"]:hover::after { transform: translateX(4px); }
}
@media (prefers-reduced-motion: reduce) {
  .story-external[href="https://www.beforetheirsasks.com/"]::after {
    transition: none;
    transform: none !important;
  }
  .story-external[href="https://www.beforetheirsasks.com/"] { transform: none; transition: none; }
}