.stretching-pill{border-width:2px;width:24px;position:relative;overflow:hidden;transition:all .3s ease-in-out}.stretching-pill>.section{opacity:0;position:absolute;pointer-events:none;white-space:nowrap}.stretching-pill>.icon{align-items:center;display:flex;justify-content:center;position:relative;right:2px;bottom:2px;transition:opacity .2s}.stretching-pill:hover,.stretching-pill:focus-within{width:auto;overflow:visible}.stretching-pill:hover>.icon,.stretching-pill:focus-within>.icon{display:none}.stretching-pill:hover>.section,.stretching-pill:focus-within>.section{opacity:1;position:static;pointer-events:auto}