/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/int_idme/cartridge/client/default/scss/idme-buttons.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * idme-buttons.css
 * Minimal styling for the ID.me button component (idmeButtons.isml).
 * Partners are encouraged to move this into their own SCSS/LESS build
 * and adjust spacing/alignment to match their site's design system.
 */
.idme-section-content {
  font-size: 16px;
  color: #000;
  line-height: 150%;
  margin: 20px 0 0;
}
.idme-section-content a {
  text-decoration: underline;
}
.idme-section-content .idme-buttons {
  margin: 10px 0 0;
}

.idme-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 20px 0 0;
}
.idme-buttons button {
  outline: 0;
  border: none;
  background: transparent;
  padding: 0;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .idme-buttons button:hover .idme-hover-image, .idme-buttons button:focus .idme-hover-image {
    opacity: 1;
  }
}
.idme-buttons .idme-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.idme-content-button button {
  outline: 0;
  border: none;
  background: transparent;
  padding: 0;
}

.idme-verified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 10px 0 0;
}
.idme-verified-label {
  display: none;
}

/*# sourceMappingURL=idme-buttons.css.map*/