.todos{position:relative;isolation:isolate;display:block;margin:var(--mg,clamp(2rem,7svh,6.5rem)) var(--gut) 0;padding:clamp(1.4rem,3.2vw,3.2rem) 0;border-top:.07rem solid var(--tinta);border-bottom:.07rem solid var(--tinta);font:500 clamp(1.7rem,4.6vw,12rem)/1 var(--f-texto);letter-spacing:-.04em;text-decoration:none}
.todos::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ciano);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.todos:hover::before,.todos:focus-visible::before{transform:scaleX(1)}
.todos span{display:block;transition:padding .45s var(--ease)}
.todos:hover span,.todos:focus-visible span{padding-inline:clamp(.6rem,1.4vw,1.4rem)}