.btn.interactive-surface{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mobile-gap);text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-user-select:none;user-select:none;min-width:0;height:auto;min-height:2.5rem;padding:.625rem .875rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn.interactive-surface.is-block{width:100%}.btn.interactive-surface .btn-icon,.btn.interactive-surface .btn-icon svg,.btn.interactive-surface .btn-icon path,.btn.interactive-surface .btn-icon .svg-inline--fa,.btn.interactive-surface .frosted-icon.btn-icon{fill:currentColor;color:inherit!important}.btn.interactive-surface .btn-label{white-space:normal;overflow-wrap:normal;word-break:normal;min-width:0;line-height:1.2;display:block}.btn.interactive-surface.icon-only{margin:0 auto;padding:.5rem}.btn.interactive-surface.icon-only .frosted-icon{margin:0}.btn.btn-xs.interactive-surface{font-size:var(--font-xs)}.btn.btn-sm.interactive-surface{font-size:var(--font-sm)}.btn.btn-md.interactive-surface{font-size:var(--font-md)}.btn.btn-lg.interactive-surface{font-size:var(--font-lg)}.btn.btn-xl.interactive-surface{font-size:var(--font-xl)}.btn.interactive-surface.btn-noBG{box-shadow:none;background:0 0;border-color:#0000}