button.typo,button.typo:hover,button.typo:active{all:unset;display:inline;position:relative;font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;text-decoration:none;cursor:text;box-shadow:none;filter:none;transform:none;min-height:0}
button.typo:focus-visible{outline:1px dotted currentColor;outline-offset:3px}
button.typo::before{content:'';position:absolute;left:0;right:0;top:50%;height:max(40px,100%);transform:translateY(-50%)}
@media(pointer:coarse){button.typo::before{left:50%;right:auto;width:max(44px,100%);height:max(44px,100%);transform:translate(-50%,-50%)}}
button.typo svg{position:absolute;pointer-events:none;overflow:visible;left:-8%;top:-15%;width:116%;height:130%}
button.typo path{fill:none;stroke:#a22633;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pencil-circle .65s ease-out forwards}
button.typo svg.still path{animation:none;stroke-dashoffset:0}
@keyframes pencil-circle{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){button.typo path{animation:none;stroke-dashoffset:0}}