.lop-snippet-elastic-arrow{--ea-stem-rest:20px;--ea-stem-active:60px;--ea-stem-h:2px;--ea-head-size:10px;--ea-color:var(--color-accent-text);--ea-color-active:var(--color-accent-text-hover);--ea-ease:cubic-bezier(.68, -.55, .265, 1.55);--ea-duration:.4s;color:var(--ea-color);align-items:center;gap:12px;display:inline-flex}.lop-snippet-elastic-arrow__stem{width:var(--ea-stem-rest);height:var(--ea-stem-h);background:var(--ea-color);transition:width var(--ea-duration) var(--ea-ease), background var(--ea-duration) var(--ea-ease);align-self:center;display:inline-block;position:relative}.lop-snippet-elastic-arrow__head{right:-2px;top:calc((var(--ea-head-size) / 2) * -1 + (var(--ea-stem-h) / 2));width:var(--ea-head-size);height:var(--ea-head-size);border-top:var(--ea-stem-h) solid var(--ea-color);border-right:var(--ea-stem-h) solid var(--ea-color);transition:right var(--ea-duration) var(--ea-ease), border-color var(--ea-duration) var(--ea-ease);position:absolute;transform:rotate(45deg)}.lop-snippet-elastic-arrow:hover,.lop-snippet-elastic-arrow:focus-visible{color:var(--ea-color-active)}.lop-snippet-elastic-arrow:hover .lop-snippet-elastic-arrow__stem,.lop-snippet-elastic-arrow:focus-visible .lop-snippet-elastic-arrow__stem{width:var(--ea-stem-active);background:var(--ea-color-active)}.lop-snippet-elastic-arrow:hover .lop-snippet-elastic-arrow__head,.lop-snippet-elastic-arrow:focus-visible .lop-snippet-elastic-arrow__head{border-top-color:var(--ea-color-active);border-right-color:var(--ea-color-active)}.lop-snippet-elastic-arrow:focus-visible{outline:2px solid var(--ea-color-active);outline-offset:4px;border-radius:2px}@media (hover:none),(pointer:coarse){.lop-snippet-elastic-arrow__stem{width:var(--ea-stem-active)}}@media (prefers-reduced-motion:reduce){.lop-snippet-elastic-arrow__stem,.lop-snippet-elastic-arrow__head{transition:none}}