.ca-copy {
  appearance: none;
  cursor: pointer;
  width: clamp(18rem, 58vw, 34rem);
  margin: 1rem auto 0;
  padding: .72rem 1rem;
  display: flex;
  align-items: center;
  gap: .65rem;
  color: #37352fd6;
  background: #f5edda57;
  border: 1px solid #544f4438;
  box-shadow: inset 0 1px #ffffff38;
  -webkit-backdrop-filter: blur(2px);
  font: 500 12px/1 Inter, system-ui, -apple-system, sans-serif;
  text-align: left;
  transition: background .18s, border-color .18s, color .18s;
}
.ca-copy:hover {
  color: #2a2824eb;
  background: #f5edda8c;
  border-color: #544f4457;
}
.ca-label {
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .62;
}
.ca-addr {
  flex: 1;
  min-width: 0;
  font: 500 12.5px/1 IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .02em;
}
.ca-icon {
  display: inline-flex;
  color: #8b2020;
}
.ca-state {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8b2020a6;
  font-size: 10px;
}
.ca-copy.is-copied .ca-state { color: #2d5f3a; }
@media (width <= 700px) {
  .ca-copy { width: clamp(14rem, 82vw, 22rem); }
}