:root{--icon-btn-size: 3rem;--icon-btn-gap: 0.375rem;--icon-btn-padding-inline: 0.75rem}[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0}button[data-icon-btn],button.icon-btn,[data-icon-btn],.icon-btn{--btn-color: currentColor;padding:0;width:var(--icon-btn-size);height:var(--icon-btn-size);display:inline-grid;place-items:center}button[data-icon-btn][data-icon-btn~=has-label],button.icon-btn[data-icon-btn~=has-label],[data-icon-btn][data-icon-btn~=has-label],.icon-btn[data-icon-btn~=has-label]{width:max-content;min-width:var(--icon-btn-size);gap:var(--icon-btn-gap);padding-inline:var(--icon-btn-padding-inline);grid-auto-flow:column}button[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],button[data-icon-btn][data-icon-btn~=has-label] .icon-label,button.icon-btn[data-icon-btn~=has-label] [data-icon-label],button.icon-btn[data-icon-btn~=has-label] .icon-label,[data-icon-btn][data-icon-btn~=has-label] [data-icon-label],[data-icon-btn][data-icon-btn~=has-label] .icon-label,.icon-btn[data-icon-btn~=has-label] [data-icon-label],.icon-btn[data-icon-btn~=has-label] .icon-label{font-size:var(--btn-fs, 0.875rem);line-height:1;white-space:nowrap}@media(min-width: 48rem){[data-icon-btn] [data-icon-label],[data-icon-btn] .icon-label{position:static;width:auto;height:auto;padding:unset;margin:unset;overflow:visible;clip:unset;clip-path:unset;white-space:nowrap;border:unset}}/*# sourceMappingURL=icon-button.css.map */
