.swg-button,
.swg-button-dark,
.swg-button-light {
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  min-width: 150px;
  outline: 0;
  padding: 11px 8px;
  width: 240px;
}
.swg-button-dark:after,
.swg-button-light:after,
.swg-button:after {
  background-origin: content-box;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  content: "";
  display: block;
  height: 100%;
  margin: auto;
  max-height: 40px;
  max-width: 200px;
  width: 100%;
}
.swg-button,
.swg-button-light {
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.swg-button-light:after,
.swg-button:after {
  background-image: url("../fonts/090bc35b848a87affcf5647bcfdba4f487ed9f77.svg");
}
.swg-button-dark {
  background-color: #000;
}
.swg-button-dark:after {
  background-image: url("../fonts/066e06449c5ce5f795e3aa1d671dbc8c14573696.svg");
}
.swg-button-light:hover,
.swg-button:hover {
  background-color: #f8f8f8;
}
.swg-button-light:focus,
.swg-button:focus {
  box-shadow: #e8e8e8;
}
.swg-button-light:active,
.swg-button:active {
  background-color: #fff;
}
.swg-button-dark:hover {
  background-color: #3c4043;
}
.swg-button-dark:focus {
  box-shadow: #202124;
}
.swg-button-dark:active {
  background-color: #5f6368;
}
.swg-smart-button {
  background: transparent;
  border: none;
  border-radius: 0;
  min-height: 126px;
  min-width: 300px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 300px;
}
.swg-smart-button:focus {
  outline: none;
}
.swg-button-light:lang(ar):after,
.swg-button:lang(ar):after {
  background-image: url("../fonts/b-ar-lt.svg");
}
.swg-button-dark:lang(ar):after {
  background-image: url("../fonts/b-ar-dk.svg");
}
.swg-button-light:lang(de):after,
.swg-button:lang(de):after {
  background-image: url("../fonts/b-de-lt.svg");
}
.swg-button-dark:lang(de):after {
  background-image: url("../fonts/b-de-dk.svg");
}
.swg-button-light:lang(es):after,
.swg-button:lang(es):after {
  background-image: url("../fonts/b-es-lt.svg");
}
.swg-button-dark:lang(es):after {
  background-image: url("../fonts/b-es-dk.svg");
}
.swg-button-light:lang(es-latam):after,
.swg-button:lang(es-latam):after {
  background-image: url("../fonts/b-es-latam-lt.svg");
}
.swg-button-dark:lang(es-latam):after {
  background-image: url("../fonts/b-es-latam-dk.svg");
}
.swg-button-light:lang(es-latn):after,
.swg-button:lang(es-latn):after {
  background-image: url("../fonts/b-es-latam-lt.svg");
}
.swg-button-dark:lang(es-latn):after {
  background-image: url("../fonts/b-es-latam-dk.svg");
}
.swg-button-light:lang(fr):after,
.swg-button:lang(fr):after {
  background-image: url("../fonts/b-fr-lt.svg");
}
.swg-button-dark:lang(fr):after {
  background-image: url("../fonts/b-fr-dk.svg");
}
.swg-button-light:lang(hi):after,
.swg-button:lang(hi):after {
  background-image: url("../fonts/b-hi-lt.svg");
}
.swg-button-dark:lang(hi):after {
  background-image: url("../fonts/b-hi-dk.svg");
}
.swg-button-light:lang(id):after,
.swg-button:lang(id):after {
  background-image: url("../fonts/b-id-lt.svg");
}
.swg-button-dark:lang(id):after {
  background-image: url("../fonts/b-id-dk.svg");
}
.swg-button-light:lang(it):after,
.swg-button:lang(it):after {
  background-image: url("../fonts/b-it-lt.svg");
}
.swg-button-dark:lang(it):after {
  background-image: url("../fonts/b-it-dk.svg");
}
.swg-button-light:lang(ja):after,
.swg-button:lang(ja):after {
  background-image: url("../fonts/b-jp-lt.svg");
}
.swg-button-dark:lang(ja):after {
  background-image: url("../fonts/b-jp-dk.svg");
}
.swg-button-light:lang(ko):after,
.swg-button:lang(ko):after {
  background-image: url("../fonts/b-ko-lt.svg");
}
.swg-button-dark:lang(ko):after {
  background-image: url("../fonts/b-ko-dk.svg");
}
.swg-button-light:lang(ms):after,
.swg-button:lang(ms):after {
  background-image: url("../fonts/b-ms-lt.svg");
}
.swg-button-dark:lang(ms):after {
  background-image: url("../fonts/b-ms-dk.svg");
}
.swg-button-light:lang(nl):after,
.swg-button:lang(nl):after {
  background-image: url("../fonts/b-nl-lt.svg");
}
.swg-button-dark:lang(nl):after {
  background-image: url("../fonts/b-nl-dk.svg");
}
.swg-button-light:lang(no):after,
.swg-button:lang(no):after {
  background-image: url("../fonts/b-no-lt.svg");
}
.swg-button-dark:lang(no):after {
  background-image: url("../fonts/b-no-dk.svg");
}
.swg-button-light:lang(pl):after,
.swg-button:lang(pl):after {
  background-image: url("../fonts/b-pl-lt.svg");
}
.swg-button-dark:lang(pl):after {
  background-image: url("../fonts/b-pl-dk.svg");
}
.swg-button-light:lang(pt):after,
.swg-button:lang(pt):after {
  background-image: url("../fonts/b-pt-lt.svg");
}
.swg-button-dark:lang(pt):after {
  background-image: url("../fonts/b-pt-dk.svg");
}
.swg-button-light:lang(pt-br):after,
.swg-button:lang(pt-br):after {
  background-image: url("../fonts/b-pt-br-lt.svg");
}
.swg-button-dark:lang(pt-br):after {
  background-image: url("../fonts/b-pt-br-dk.svg");
}
.swg-button-light:lang(ru):after,
.swg-button:lang(ru):after {
  background-image: url("../fonts/b-ru-lt.svg");
}
.swg-button-dark:lang(ru):after {
  background-image: url("../fonts/b-ru-dk.svg");
}
.swg-button-light:lang(sv):after,
.swg-button:lang(sv):after {
  background-image: url("../fonts/b-sv-lt.svg");
}
.swg-button-dark:lang(sv):after {
  background-image: url("../fonts/b-sv-dk.svg");
}
.swg-button-light:lang(th):after,
.swg-button:lang(th):after {
  background-image: url("../fonts/b-th-lt.svg");
}
.swg-button-dark:lang(th):after {
  background-image: url("../fonts/b-th-dk.svg");
}
.swg-button-light:lang(tr):after,
.swg-button:lang(tr):after {
  background-image: url("../fonts/b-tr-lt.svg");
}
.swg-button-dark:lang(tr):after {
  background-image: url("../fonts/b-tr-dk.svg");
}
.swg-button-light:lang(uk):after,
.swg-button:lang(uk):after {
  background-image: url("../fonts/b-uk-lt.svg");
}
.swg-button-dark:lang(uk):after {
  background-image: url("../fonts/b-uk-dk.svg");
}
.swg-button-light:lang(zh-cn):after,
.swg-button:lang(zh-cn):after {
  background-image: url("../fonts/b-zh-cn-lt.svg");
}
.swg-button-dark:lang(zh-cn):after {
  background-image: url("../fonts/b-zh-cn-dk.svg");
}
.swg-button-light:lang(zh-tw):after,
.swg-button:lang(zh-tw):after {
  background-image: url("../fonts/b-zh-tw-lt.svg");
}
.swg-button-dark:lang(zh-tw):after {
  background-image: url("../fonts/b-zh-tw-dk.svg");
}
.swg-button-v2-dark,
.swg-button-v2-light {
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Google Sans, Roboto-Regular, sans-serif, arial;
  font-size: 14px;
  font-weight: 500;
  height: 44px;
  letter-spacing: 0.001em;
  min-height: 44px;
  min-width: 237px;
  outline: 0;
  width: 237px;
}
.swg-button-v2-light {
  background-color: #fff;
  border: 1px solid #dadce0;
  color: #1a73e8;
}
.swg-button-v2-light[disabled] {
  border: 1px solid rgba(60, 64, 67, 0.12);
  color: rgba(60, 64, 67, 0.38);
  pointer-events: none;
}
.swg-button-v2-light:hover {
  background: linear-gradient(
      0deg,
      rgba(26, 115, 232, 0.04),
      rgba(26, 115, 232, 0.04)
    ),
    #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.swg-button-v2-light:focus {
  background: linear-gradient(
      0deg,
      rgba(26, 115, 232, 0.08),
      rgba(26, 115, 232, 0.08)
    ),
    #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
}
.swg-button-v2-light:active {
  background-color: #fff;
  border: none;
  box-shadow: 0 6px 10px 4px rgba(60, 64, 67, 0.15),
    0 2px 3px rgba(60, 64, 67, 0.3);
}
.swg-button-v2-dark {
  background-color: #3c4043;
  color: #fff;
}
.swg-button-v2-dark[disabled] {
  color: hsla(0, 0%, 100%, 0.38);
  pointer-events: none;
}
.swg-button-v2-dark:active,
.swg-button-v2-dark:hover {
  background-color: #202124;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.swg-button-v2-dark:focus {
  background-color: #202124;
  box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3);
}
.swg-button-v2-icon-dark,
.swg-button-v2-icon-light {
  background-size: contain;
  height: 18px;
  margin-left: 16px;
  margin-right: 8px;
  width: 18px;
}
.swg-button-v2-icon-light {
  background-image: url("../fonts/24px.svg");
}
.swg-button-v2-light[disabled] .swg-button-v2-icon-light {
  background-image: url("../images/gm_google_gm_grey_24dp.png");
  opacity: 0.38;
}
.swg-button-v2-icon-dark {
  background-image: url("../images/gm_google_white_24dp.png");
}
.swg-button-v2-dark[disabled] .swg-button-v2-icon-dark {
  background-image: url("../images/gm_google_gm_grey_24dp.png");
}