@square/maker/components/Button/styles.css

Maker Design System by Square

.📚19-10-2vQBWk{--radius-rounded-button:8px;--radius-pill-button:32px;--border-radius:var(--maker-shape-button-border-radius,4px);--color-main:var(--maker-color-primary,#006aff);--font-family:var(--maker-font-label-font-family,inherit);--font-weight:var(--maker-font-label-font-weight,500);fill:currentColor;align-items:center;background-color:var(--color-main);border:none;border-radius:var(--border-radius);box-shadow:var(--border,0 0),var(--box-shadow,0 0),var(--focus-border,0 0);box-sizing:border-box;color:var(--color-contrast,#fff);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);min-width:0;outline:none;position:relative;-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);text-transform:var(--text-transform);touch-action:manipulation;transition:color .2s ease-in,background-color .2s ease-in,filter .2s ease-in,box-shadow .2s ease-in,border-radius .2s ease-in,font-size .2s ease-in;-webkit-user-select:none;user-select:none;vertical-align:middle}.📚19-10-2vQBWk.📚19-10-2IPrN0,.📚19-10-2vQBWk.📚19-10-2IPrN0:hover:not(:disabled){border-radius:0}.📚19-10-2vQBWk.📚19-10-2UM3O1,.📚19-10-2vQBWk.📚19-10-2UM3O1:hover:not(:disabled){border-radius:var(--radius-rounded-button)}.📚19-10-2vQBWk.📚19-10-2aYEm0,.📚19-10-2vQBWk.📚19-10-2aYEm0:hover:not(:disabled){border-radius:var(--radius-pill-button)}.📚19-10-2vQBWk.📚19-10-2u2Q6y{min-width:-webkit-max-content;min-width:max-content}.📚19-10-2vQBWk.📚19-10-2tMshx{--font-size:12px;height:32px;padding:var(--small-padding)}.📚19-10-2vQBWk.📚19-10-2tMshx>*{line-height:1.4}.📚19-10-2vQBWk.📚19-10-2tMshx.📚19-10-2u2Q6y{padding:0;width:32px}.📚19-10-2vQBWk.📚19-10-2S6z9M{--font-size:14px;height:48px;padding:var(--medium-padding)}.📚19-10-2vQBWk.📚19-10-2S6z9M>*{line-height:1.77}.📚19-10-2vQBWk.📚19-10-2S6z9M.📚19-10-2u2Q6y{padding:0;width:48px}.📚19-10-2vQBWk.📚19-10-2pt7y9{--font-size:16px;height:64px;padding:var(--large-padding)}.📚19-10-2vQBWk.📚19-10-2pt7y9>*{line-height:1.5}.📚19-10-2vQBWk.📚19-10-2pt7y9.📚19-10-2u2Q6y{padding:0;width:64px}.📚19-10-2vQBWk.📚19-10-2u2Q6y>*{line-height:0}.📚19-10-2vQBWk.📚19-10-2vaDLi{width:100%}.📚19-10-2vQBWk.📚19-10-2_N8aS{justify-content:center}.📚19-10-2vQBWk.📚19-10-2XfpCI{flex-direction:column;justify-content:center}.📚19-10-2vQBWk.📚19-10-2XfpCI>*{line-height:1.1}.📚19-10-2vQBWk.📚19-10-2cvBfb{flex-direction:row-reverse;justify-content:space-between}.📚19-10-2vQBWk:disabled{cursor:not-allowed;opacity:.5}.📚19-10-2vQBWk:focus{--focus-border:0 0 0 1px var(--maker-color-neutral-20,#919191),0 0 0 3px var(--color-focus)}.📚19-10-2vQBWk:hover:not(:disabled){background-color:var(--color-hover);border-radius:var(--border-radius-hover,var(--border-radius));box-shadow:var(--border-hover,0 0),var(--box-shadow-hover,0 0),var(--focus-border,0 0);color:var(--color-contrast-hover,var(--color-contrast));font-family:var(--font-family-hover,var(--font-family));font-size:var(--font-size-hover,var(--font-size));font-style:var(--font-style-hover,var(--font-style));font-weight:var(--font-weight-hover,var(--font-weight));-webkit-text-decoration:var(--text-decoration-hover,var(--text-decoration));text-decoration:var(--text-decoration-hover,var(--text-decoration));text-transform:var(--text-transform-hover,var(--text-transform))}.📚19-10-2vQBWk:active:not(:disabled){background-color:var(--color-active)}.📚19-10-2vQBWk.📚19-10-2f3zc7{color:#0000!important;opacity:1}.📚19-10-2LttwZ{align-items:center;background-color:initial;bottom:4px;display:flex;justify-content:center;left:4px;position:absolute;right:4px;top:4px}.📚19-10-2vQBWk.📚19-10-2wcHKQ,.📚19-10-2vQBWk.📚19-10-2X_B6s{--small-padding:0 16px;--medium-padding:0 24px;--large-padding:0 32px}.📚19-10-2vQBWk.📚19-10-2wcHKQ .📚19-10-2LttwZ{color:var(--color-contrast)}.📚19-10-2vQBWk.📚19-10-2wcHKQ{--border:inset 0 0 0 var(--border-width,1px) var(--border-color);--border-hover:inset 0 0 0 var(--border-width-hover,1px) var(--border-color-hover)}.📚19-10-2vQBWk.📚19-10-2X_B6s{--border:inset 0 0 0 var(--border-width,1px) var(--color-main);--border-hover:inset 0 0 0 var(--border-width-hover,1px) var(--color-main-hover,var(--color-main))}.📚19-10-2vQBWk.📚19-10-2es_jw{--small-padding:0 8px;--medium-padding:0 12px;--large-padding:0 20px;--box-shadow:0!important;--box-shadow-hover:0!important}.📚19-10-2vQBWk.📚19-10-2es_jw,.📚19-10-2vQBWk.📚19-10-2X_B6s{background-color:initial;color:var(--color-main)}.📚19-10-2vQBWk.📚19-10-2es_jw .📚19-10-2LttwZ,.📚19-10-2vQBWk.📚19-10-2X_B6s .📚19-10-2LttwZ{color:var(--color-main)}.📚19-10-2vQBWk.📚19-10-2es_jw:hover:not(:disabled),.📚19-10-2vQBWk.📚19-10-2X_B6s:hover:not(:disabled){color:var(--color-main-hover,var(--color-main))}.📚19-10-2DK0_A{grid-gap:8px;padding-left:var(--letter-spacing);width:-webkit-max-content;width:max-content}.📚19-10-2u2Q6y .📚19-10-2DK0_A{display:flex}.📚19-10-2djO_J{flex:0 0 fit-content;opacity:.6;padding-left:var(--letter-spacing)}.📚19-10-2O_pqx{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.1!important;margin-bottom:-.5em!important;overflow:hidden;padding-bottom:.5em!important;text-overflow:ellipsis;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.📚19-10-2O_pqx>*{vertical-align:bottom}.📚19-10-2XfpCI .📚19-10-2O_pqx{-webkit-line-clamp:1}.📚19-10-2vQBWk.📚19-10-2_N8aS .📚19-10-2djO_J{margin-left:8px}.📚19-10-2vQBWk.📚19-10-2cvBfb .📚19-10-2djO_J{margin-right:8px}
/*# sourceMappingURL=styles.css.map*/