.racopy-quote-wrapper {
  position: relative;
  margin-bottom: 5rem;
}

.racopy-quote-wrapper.racopy-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.racopy-quote-wrapper.racopy-pos-top-right,
.racopy-quote-wrapper.racopy-pos-bottom-right {
  padding-right: 4.25rem;
}

.racopy-quote-wrapper.racopy-pos-top-left,
.racopy-quote-wrapper.racopy-pos-bottom-left {
  padding-left: 4.25rem;
}

.racopy-quote-button {
  position: absolute;
  border: 1px solid var(--racopy-btn-border, #111827);
  background: var(--racopy-btn-bg, #111827);
  color: var(--racopy-btn-text, #f9fafb);
  font-size: var(--racopy-btn-font, 0.78rem);
  line-height: 1;
  padding: var(--racopy-btn-pad-y, 0.5rem) var(--racopy-btn-pad-x, 0.8rem);
  cursor: pointer;
  border-radius: var(--racopy-btn-radius, 999px);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  box-shadow: 0 8px 16px rgba(17, 24, 39, 0.25);
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.racopy-inline .racopy-quote-button {
  position: static;
  margin: 0;
}

.racopy-pos-top-right .racopy-quote-button {
  top: var(--racopy-offset-y, 0.5rem);
  right: var(--racopy-offset-x, 0.5rem);
  bottom: auto;
  left: auto;
}

.racopy-pos-top-left .racopy-quote-button {
  top: var(--racopy-offset-y, 0.5rem);
  left: var(--racopy-offset-x, 0.5rem);
  bottom: auto;
  right: auto;
}

.racopy-pos-bottom-right .racopy-quote-button {
  bottom: var(--racopy-offset-y, 0.5rem);
  right: var(--racopy-offset-x, 0.5rem);
  top: auto;
  left: auto;
}

.racopy-pos-bottom-left .racopy-quote-button {
  bottom: var(--racopy-offset-y, 0.5rem);
  left: var(--racopy-offset-x, 0.5rem);
  top: auto;
  right: auto;
}

.racopy-quote-button:hover,
.racopy-quote-button:focus {
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
  transform: translateY(-1px);
}

.racopy-quote-button.is-copied {
  background: #0f766e;
  border-color: #0f766e;
  color: #ffffff;
}