.x-btn{border:1px solid var(--control);background:var(--ghost-bg);width:32px;height:32px;color:var(--ink);transition:border-color var(--dur-instant) linear, box-shadow var(--dur-state) var(--ease-state);border-radius:999px;flex:none;place-items:center;display:inline-grid;position:relative}.x-btn[data-size=md]{width:40px;height:40px}.x-btn:before{content:"";border-radius:999px;position:absolute;inset:-6px}.x-btn[data-size=md]:before{inset:-2px}.x-btn:focus-visible{border-color:var(--ink)}@media (hover:hover){.x-btn:hover{border-color:var(--ink);box-shadow:var(--shadow-panel)}}.x-text__mark{vertical-align:-.1em;margin-right:5px;display:inline}html[data-motion=on] .x-btn{transition:border-color var(--dur-instant) linear, box-shadow var(--dur-state) var(--ease-state), transform 90ms linear}html[data-motion=on] .x-btn:active{transform:scale(.96)}@media (forced-colors:active){.x-btn{color:linktext;border-color:linktext}}