ms, calc(var(--base-animation-duration)/2.5);
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .pattern__link::after {
    background-color: hsl(var(--color-hs-accent) 66%);
  }
}
@media (hover: hover) {
  .pattern__link:is(:hover, :focus)::after {
    width: 100%;
    opacity: 1;
  }
  .pattern__link > :where(.icon, .text) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
