/* Open House — copy email button (article 137, SOL-31020) */
.mda-copy-row {
  margin: 0 0 0.6em;
}

.mda-copy-btn {
  display: inline-block;
  margin: 0.4em 0 0 0.25em;
  padding: 0.3em 0.9em;
  font: inherit;
  font-size: 90%;
  line-height: 1.6;
  color: #800000;
  background: transparent;
  border: 1px solid #800000;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: baseline;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.mda-copy-btn:hover,
.mda-copy-btn:focus {
  background: #800000;
  color: #ffffff;
}

.mda-copy-btn.is-copied {
  background: #2e7d32;
  border-color: #2e7d32;
  color: #ffffff;
}

.mda-copy-btn.is-failed {
  background: #b00020;
  border-color: #b00020;
  color: #ffffff;
}

/* Specificity guard: the theme styles bare `button` elements with a filled
   background and white text, which hid the label of our outlined button. */
.item-page .mda-copy-row .mda-copy-btn,
.mda-copy-row .mda-copy-btn {
  color: #800000 !important;
  background: transparent !important;
  border-color: #800000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.item-page .mda-copy-row .mda-copy-btn:hover,
.item-page .mda-copy-row .mda-copy-btn:focus {
  background: #800000 !important;
  border-color: #800000 !important;
  color: #ffffff !important;
}

.item-page .mda-copy-row .mda-copy-btn.is-copied {
  background: #2e7d32 !important;
  border-color: #2e7d32 !important;
  color: #ffffff !important;
}

.item-page .mda-copy-row .mda-copy-btn.is-failed {
  background: #b00020 !important;
  border-color: #b00020 !important;
  color: #ffffff !important;
}