.box{min-height:var(--touch);color:inherit;font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;transition:background-color .25s var(--ease), color .25s var(--ease);background:0 0;border:1px solid;align-items:stretch;font-weight:400;line-height:1;display:inline-flex}.box:hover,.box:focus-visible{background:var(--ink);color:var(--paper)}.panel--footer .box:hover,.panel--footer .box:focus-visible{background:var(--paper);color:var(--ink)}.box__label{align-items:center;padding:5px 10px;display:flex}.box__arrow{width:27px;transition:width .2s var(--ease);border-left:1px solid;justify-content:center;align-items:center;display:flex}@media (min-width:791px){.box{min-height:31px;font-size:calc(14.4 * var(--px));letter-spacing:0}.box:hover .box__arrow{width:37px}}