/* Keep desktop copy feedback beside its action without moving the contact details. */
.email-copy-action {
  position: relative;
  display: grid;
  width: 100%;
  min-width: 0;
}
.copy-toast.copy-toast--button {
  display: none;
}
@media (min-width: 701px) {
  .copy-toast.copy-toast--button {
    display: block;
    position: absolute;
    bottom: calc(100% + 12px);
    width: max-content;
    max-width: 100%;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    overflow-wrap: anywhere;
    box-shadow: 0 8px 24px rgba(5, 18, 70, .2);
  }
  .copy-toast--button::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 6px);
    border: 6px solid transparent;
    border-bottom: 0;
    border-top-color: var(--white);
  }
}