.acom-icon-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  font-size: 26px;
  height: 45px;
  margin: 0 auto;
  width: 45px;
}
.xf-content-height {
  margin: 0 !important;
}
html {
  overflow-x: hidden;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  src: url('../../../../etc.clientlibs/ancestry/clientlibs/clientlib-icons/resources/fa-solid-900.woff2') format('woff2'), url('../../../../etc.clientlibs/ancestry/clientlibs/clientlib-icons/resources/fa-solid-900.woff') format('woff'), url('../../../../etc.clientlibs/ancestry/clientlibs/clientlib-icons/resources/fa-solid-900.ttf') format('truetype');
}
@font-face {
  font-family: 'Ancestry Icons';
  src: url('../../../../etc.clientlibs/ancestry/clientlibs/clientlib-icons/resources/ancestry-icon.woff2') format('woff2'), url('../../../../etc.clientlibs/ancestry/clientlibs/clientlib-icons/resources/ancestry-icon.woff') format('woff'), url('../../../../etc.clientlibs/ancestry/clientlibs/clientlib-icons/resources/ancestry-icon.ttf') format('truetype'), url('../../../../etc.clientlibs/ancestry/clientlibs/clientlib-icons/resources/ancestry-icon.svg') format('svg');
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button {
  -webkit-appearance: none !important;
  background: none !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: var(--ui-link-color) !important;
  cursor: pointer !important;
  font-size: inherit !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  font-weight: 300;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:active,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:active {
  color: var(--ui-link-pressed-color) !important;
  text-decoration: underline !important;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:focus,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:focus {
  color: var(--ui-link-hover-color) !important;
  text-decoration: underline !important;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover {
  color: var(--ui-link-hover-color) !important;
  text-decoration: underline !important;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover .photo:not([class*=photoOutline]),
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover .photo:not([class*=photoOutline]) {
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16) !important;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover .photo.bgDark,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover .photo.bgDark {
  -webkit-box-shadow: 0 0 0 3px #fff !important;
  box-shadow: 0 0 0 3px #fff !important;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:disabled,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:disabled {
  color: var(--ui-link-disabled-color) !important;
  pointer-events: none !important;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover,
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:not(.active):hover,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:not(.active):hover {
  background-color: transparent;
  text-decoration: underline !important;
}
.button.cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:active,
.button.cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:active {
  background-color: transparent;
  text-decoration: underline !important;
}
.cmp-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #117fa6;
  border: 1px solid transparent;
  border-radius: 32px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--ui-inverted-text-color) !important;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 700;
  line-height: 18.9px;
  min-height: 30px;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none !important;
  text-indent: 0;
  -webkit-transition: padding-left 0.2s;
  transition: padding-left 0.2s;
  vertical-align: middle;
}
.cmp-button p {
  display: inline;
}
.cmp-button:focus {
  outline: 2px solid #d37730;
  outline-offset: 2px;
}
.cmp-button .badge {
  margin-left: 5px;
}
.cmp-button::-moz-selection {
  background: transparent;
}
.cmp-button::selection {
  background: transparent;
}
.cmp-button span {
  text-decoration: none !important;
}
.cmp-button:not(:active):not(.active):hover {
  background-color: #086383;
}
.cmp-button:active {
  background-color: #07536e;
}
.cmp-button[type="button"],
.cmp-button[type="submit"],
.cmp-button[type="reset"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #117fa6;
  border: 1px solid transparent;
  border-radius: 32px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--ui-inverted-text-color) !important;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 700;
  line-height: 18.9px;
  min-height: 30px;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none !important;
  text-indent: 0;
  -webkit-transition: padding-left 0.2s;
  transition: padding-left 0.2s;
  vertical-align: middle;
}
.cmp-button[type="button"]:focus,
.cmp-button[type="submit"]:focus,
.cmp-button[type="reset"]:focus {
  outline: 2px solid #d37730;
  outline-offset: 2px;
}
.cmp-button[type="button"] .badge,
.cmp-button[type="submit"] .badge,
.cmp-button[type="reset"] .badge {
  margin-left: 5px;
}
.cmp-button[type="button"]::-moz-selection,
.cmp-button[type="submit"]::-moz-selection,
.cmp-button[type="reset"]::-moz-selection {
  background: transparent;
}
.cmp-button[type="button"]::-moz-selection, .cmp-button[type="submit"]::-moz-selection, .cmp-button[type="reset"]::-moz-selection {
  background: transparent;
}
.cmp-button[type="button"]::selection,
.cmp-button[type="submit"]::selection,
.cmp-button[type="reset"]::selection {
  background: transparent;
}
.cmp-button[type="button"] span,
.cmp-button[type="submit"] span,
.cmp-button[type="reset"] span {
  text-decoration: none !important;
}
.cmp-button[type="button"]:not(:active):not(.active):hover,
.cmp-button[type="submit"]:not(:active):not(.active):hover,
.cmp-button[type="reset"]:not(:active):not(.active):hover {
  background-color: #086383;
}
.cmp-button[type="button"]:active,
.cmp-button[type="submit"]:active,
.cmp-button[type="reset"]:active {
  background-color: #07536e;
}
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button,
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button[type="button"],
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button[type="submit"],
div:not(.bgDark) .cmp-anc-button.button-color__silver a.cmp-button {
  background: #e2e0dd;
  color: var(--ui-text-color) !important;
}
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button[type="button"]:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button[type="submit"]:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-color__silver a.cmp-button:not(:active):not(.active):hover {
  background: #cfccca;
}
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button:active,
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button[type="button"]:active,
div:not(.bgDark) .cmp-anc-button.button-color__silver .cmp-button[type="submit"]:active,
div:not(.bgDark) .cmp-anc-button.button-color__silver a.cmp-button:active {
  background: #aeabaa;
}
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button,
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button[type="button"],
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button[type="submit"],
div:not(.bgDark) .cmp-anc-button.button-border__outline a.cmp-button {
  background: #e2e0dd;
  color: var(--ui-text-color) !important;
}
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button[type="button"]:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button[type="submit"]:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__outline a.cmp-button:not(:active):not(.active):hover {
  background: #cfccca;
}
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button:active,
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button[type="button"]:active,
div:not(.bgDark) .cmp-anc-button.button-border__outline .cmp-button[type="submit"]:active,
div:not(.bgDark) .cmp-anc-button.button-border__outline a.cmp-button:active {
  background: #aeabaa;
}
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="button"],
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="submit"],
div:not(.bgDark) .cmp-anc-button.button-border__noborder a.cmp-button {
  background: transparent;
  color: var(--ui-text-color) !important;
}
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="button"]:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="submit"]:not(:active):not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder a.cmp-button:not(:active):not(.active):hover {
  background: rgba(0, 0, 0, 0.16);
}
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button:active,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="button"]:active,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="submit"]:active,
div:not(.bgDark) .cmp-anc-button.button-border__noborder a.cmp-button:active {
  background: rgba(0, 0, 0, 0.3);
}
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button:hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="button"]:hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="submit"]:hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder a.cmp-button:hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button:not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="button"]:not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="submit"]:not(.active):hover,
div:not(.bgDark) .cmp-anc-button.button-border__noborder a.cmp-button:not(.active):hover {
  background-color: initial !important;
}
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button:active,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="button"]:active,
div:not(.bgDark) .cmp-anc-button.button-border__noborder .cmp-button[type="submit"]:active,
div:not(.bgDark) .cmp-anc-button.button-border__noborder a.cmp-button:active {
  background-color: initial !important;
}
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) button.cmp-button,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="button"],
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="submit"],
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button {
  background: #fff;
  color: var(--ui-text-color) !important;
  background: #fff !important;
}
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) button.cmp-button:not(:active):not(.active):hover,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="button"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="submit"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button:not(:active):not(.active):hover {
  background: hsla(0, 0%, 100%, 0.6) !important;
}
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) button.cmp-button:active,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="button"]:active,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="submit"]:active,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button:active {
  background-color: hsla(0, 0%, 100%, 0.3) !important;
}
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) button.cmp-button:not(:active):not(.active):hover,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="button"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="submit"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button:not(:active):not(.active):hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) button.cmp-button:active,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="button"]:active,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button[type="submit"]:active,
.bgDark .cmp-anc-button:not(.button-color__silver):not(.button-border__outline):not(.button-border__noborder):not(.link-button) a.cmp-button:active {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button {
  -webkit-appearance: none !important;
  background: none !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: var(--ui-link-color) !important;
  cursor: pointer !important;
  font-size: inherit !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  font-weight: 300;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:active,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:active {
  color: var(--ui-link-pressed-color) !important;
  text-decoration: underline !important;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:focus,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:focus {
  color: var(--ui-link-hover-color) !important;
  text-decoration: underline !important;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover {
  color: var(--ui-link-hover-color) !important;
  text-decoration: underline !important;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover .photo:not([class*=photoOutline]),
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover .photo:not([class*=photoOutline]) {
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16) !important;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover .photo.bgDark,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover .photo.bgDark {
  -webkit-box-shadow: 0 0 0 3px #fff !important;
  box-shadow: 0 0 0 3px #fff !important;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:disabled,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:disabled {
  color: var(--ui-link-disabled-color) !important;
  pointer-events: none !important;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:hover,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:hover,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:not(.active):hover,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:not(.active):hover {
  background-color: transparent;
  text-decoration: underline;
}
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper a.cmp-button:active,
.bgDark .cmp-anc-button.link-button div.cmp-button__wrapper button.cmp-button:active {
  background-color: transparent;
  text-decoration: underline;
}
.bgDark .cmp-anc-button.button-color__silver button.cmp-button,
.bgDark .cmp-anc-button.button-color__silver a.cmp-button[type="button"],
.bgDark .cmp-anc-button.button-color__silver a.cmp-button[type="submit"],
.bgDark .cmp-anc-button.button-color__silver a.cmp-button {
  background: #838383;
  color: var(--ui-inverted-text-color) !important;
  background: #838383 !important;
}
.bgDark .cmp-anc-button.button-color__silver button.cmp-button:not(:active):not(.active):hover,
.bgDark .cmp-anc-button.button-color__silver a.cmp-button[type="button"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button.button-color__silver a.cmp-button[type="submit"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button.button-color__silver a.cmp-button:not(:active):not(.active):hover {
  background: #6a6a6a !important;
}
.bgDark .cmp-anc-button.button-color__silver button.cmp-button:active,
.bgDark .cmp-anc-button.button-color__silver a.cmp-button[type="button"]:active,
.bgDark .cmp-anc-button.button-color__silver a.cmp-button[type="submit"]:active,
.bgDark .cmp-anc-button.button-color__silver a.cmp-button:active {
  background: #5b5b5b !important;
}
.bgDark .cmp-anc-button.button-border__outline button.cmp-button,
.bgDark .cmp-anc-button.button-border__outline a.cmp-button[type="button"],
.bgDark .cmp-anc-button.button-border__outline a.cmp-button[type="submit"],
.bgDark .cmp-anc-button.button-border__outline a.cmp-button {
  background: #838383;
  color: var(--ui-inverted-text-color) !important;
  background: #838383 !important;
}
.bgDark .cmp-anc-button.button-border__outline button.cmp-button:not(:active):not(.active):hover,
.bgDark .cmp-anc-button.button-border__outline a.cmp-button[type="button"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button.button-border__outline a.cmp-button[type="submit"]:not(:active):not(.active):hover,
.bgDark .cmp-anc-button.button-border__outline a.cmp-button:not(:active):not(.active):hover {
  background: #6a6a6a !important;
}
.bgDark .cmp-anc-button.button-border__outline button.cmp-button:active,
.bgDark .cmp-anc-button.button-border__outline a.cmp-button[type="button"]:active,
.bgDark .cmp-anc-button.button-border__outline a.cmp-button[type="submit"]:active,
.bgDark .cmp-anc-button.button-border__outline a.cmp-button:active {
  background: #5b5b5b !important;
}
.bgDark .cmp-anc-button.button-border__noborder button.cmp-button,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="button"],
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="submit"],
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button {
  color: var(--ui-inverted-text-color) !important;
  background: transparent !important;
}
.bgDark .cmp-anc-button.button-border__noborder button.cmp-button:hover,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="button"]:hover,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="submit"]:hover,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button:hover,
.bgDark .cmp-anc-button.button-border__noborder button.cmp-button:not(.active):hover,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="button"]:not(.active):hover,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="submit"]:not(.active):hover,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button:not(.active):hover {
  background-color: initial;
}
.bgDark .cmp-anc-button.button-border__noborder button.cmp-button:active,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="button"]:active,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button[type="submit"]:active,
.bgDark .cmp-anc-button.button-border__noborder a.cmp-button:active {
  background-color: initial;
}
.cmp-button__text {
  margin: auto;
}
.cmp-button__icon-black .icon:before,
.cmp-button__icon-black .iconAfter:after {
  color: #000;
}
.cmp-button__icon-white .icon:before,
.cmp-button__icon-white .iconAfter:after {
  color: #fff;
}
.cmp-button__wrapper {
  text-align: center;
  width: 100%;
}
.cmp-button__wrapper .cmp-button__text-area {
  margin-top: 17px;
}
.cmp-anc-button {
  margin: 0 auto;
}
.cmp-anc-button.button-alignment__left,
.cmp-anc-button.button-alignment__right {
  margin: 0;
}
.button-size__larger .cmp-button {
  border-radius: 32px;
  font-size: 18px;
  line-height: 30px;
  min-height: 50px;
  padding: 9px 34px;
}
.button-size__large .cmp-button {
  line-height: 21.9px;
  min-height: 40px;
  padding: 8px 24px;
}
.button-size__small .cmp-button {
  font-size: 14.5px;
  line-height: 17px;
  min-height: 20px;
  padding: 3px 16px;
}
.button-color__orange .cmp-button {
  background-color: #117fa6;
}
.button-color__orange .cmp-button:not(:active):not(.active):hover {
  background-color: #086383;
}
.button-color__orange .cmp-button:active {
  background: #07536e;
}
.button-color__blue .cmp-button {
  background-color: #328800;
}
.button-color__blue .cmp-button:not(:active):not(.active):hover {
  background-color: #276b00;
}
.button-color__blue .cmp-button:active {
  background: #205503;
}
.button-color__purple .cmp-button {
  background-color: #655586;
}
.button-color__purple .cmp-button:hover,
.button-color__purple .cmp-button:not(.active):hover {
  background-color: #584d70;
}
.button-color__purple .cmp-button:active {
  background-color: #3f314f;
}
.button-color__greenGrad .cmp-button {
  background-color: #b8d94c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8d94c), to(#9cbe30));
  background-image: linear-gradient(#b8d94c, #9cbe30);
}
.button-color__greenGrad .cmp-button:hover,
.button-color__greenGrad .cmp-button:not(.active):hover {
  background-color: #9cbe30;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9cbe30), to(#9cbe30));
  background-image: linear-gradient(#9cbe30, #9cbe30);
}
.button-color__greenGrad .cmp-button:active {
  background-color: #9cbe30;
}
.button-color__grey .cmp-button {
  background-color: #ccc8bf;
}
.button-color__grey .cmp-button:hover,
.button-color__grey .cmp-button:not(.active):hover {
  background-color: #b4aea0;
}
.button-color__grey .cmp-button:active {
  background-color: #545454;
}
.button-env-bg-color__dark .cmp-button {
  background: #fff;
  color: var(--ui-text-color) !important;
  background: #fff !important;
}
.button-env-bg-color__dark .cmp-button:not(:active):not(.active):hover {
  background: hsla(0, 0%, 100%, 0.6) !important;
}
.button-env-bg-color__dark .cmp-button:active {
  background-color: hsla(0, 0%, 100%, 0.3) !important;
}
.button-env-bg-color__dark .cmp-button:not(:active):not(.active):hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.button-env-bg-color__dark .cmp-button:active {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.button-shape__round .cmp-button {
  border-radius: 32px;
}
@media screen and (max-width: 480px) {
  .button-width__full320 .cmp-button {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .button-width__full480 .cmp-button {
    display: block;
    width: 100%;
  }
}
.button-width__full {
  width: 100%;
}
.button-width__full .cmp-button {
  display: block;
  width: 100%;
}
.button-alignment__left .cmp-button__wrapper {
  margin: 0;
  text-align: left;
}
.button-alignment__right .cmp-button__wrapper {
  margin: 0;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .button-alignment__center-mobile .cmp-button__wrapper {
    margin: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  .button-alignment__center-small-mobile .cmp-button__wrapper {
    margin: 0;
    text-align: center;
  }
}
.cmp-hero-block .button-margin-top__none .cmp-button {
  margin-top: 0;
}
.cmp-hero-block .button-margin-top__5px .cmp-button {
  margin-top: 5px;
}
.cmp-hero-block .button-margin-top__10px .cmp-button {
  margin-top: 10px;
}