/* mailtohelper custom styles for cosell email modal */
.mailtohelper-modal {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: bold;
}

.mailtohelper-modal-content {
  background-color: #fff;
  border-radius: 4px;
  max-width: 600px;
}

.mailtohelper-modal-head {
  background-color: #fff;
}

.mailtohelper-modal-title {
  color: #172b4d;
  font-size: 1.25rem;
  font-weight: 500;
}

.mailtohelper-modal-body {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.mailtohelper-button:focus .mailtohelper-button-content {
  transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition-property: transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  transition-delay: 0s;
  background-color: #ebecee;
  color: #42526e;
  font-weight: bold;
}

.mailtohelper-button-content,
.mailtohelper-button-copy {
  background-color: #ebecee;
  color: #42526e;
  border-radius: 4px, 0, 0, 4px;
  font-weight: bold;
}

.mailtohelper-button-copy {
  overflow: hidden;
}

.mailtohelper-button-content:hover,
.mailtohelper-button-content:focus,
.mailtohelper-button-copy:hover,
.mailtohelper-button-copy:focus {
  background-color: #e0e0e0;
  color: #42526e;
  box-shadow: 0 4px 8px -2px rgb(9 30 66 / 25%), 0 0 1px 0 rgb(9 30 66 / 31%);
}

.mailtohelper-button-copy-clicked,
.mailtohelper-button-copy-clicked:hover,
.mailtohelper-button-copy-clicked:focus {
  background-color: #00875a;
  color: #fff;
}

.mailtohelper-email-address {
  background-color: #909295;
  color: #21262c;
  border-radius: 0, 4px, 4px, 0;
  overflow-x: scroll;
  text-overflow: unset;
}

.mailtohelper-brand a {
  color: #fff;
  cursor: default;
}