.coh-style-modal-close-button-light, .coh-style-modal-close-button-dark, .coh-style-modal-close-button-color {
  height: 3rem;
  width: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(38, 163, 221);
  font-size: 1.5rem;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  background-color: rgb(242, 242, 242);
}
.coh-style-modal-close-button-light:before, .coh-style-modal-close-button-dark:before, .coh-style-modal-close-button-color:before {
  content: "✕";
}
.coh-style-modal-close-button-light:hover, .coh-style-modal-close-button-dark:hover, .coh-style-modal-close-button-color:hover {
  color: rgb(26, 137, 201);
  background-color: rgb(219, 219, 220);
}
.coh-style-modal-close-button-color {
  color: rgb(0, 0, 0);
  background-color: rgb(251, 186, 0);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  height: 2.5rem;
  width: 2.5rem;
}
.coh-style-modal-close-button-color:hover {
  color: rgb(0, 0, 0);
  background-color: rgb(251, 186, 0);
}
.coh-style-modal-close-button-dark {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.coh-style-modal-close-button-dark:hover {
  background-color: rgb(72, 72, 72);
  color: rgb(255, 255, 255);
}