.client-feedback .footer .footer-coin {
  position: relative;
  display: block;
  width: clamp(144px, 13vw, 176px);
  aspect-ratio: 1;
  isolation: isolate;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.client-feedback .footer .footer-coin:focus-visible {
  outline: 2px solid var(--focus, #76551e);
  outline-offset: 7px;
  border-radius: 50%;
}

.client-feedback .footer .footer-coin[data-dragging="true"] {
  cursor: grabbing;
}

.client-feedback .footer .footer-coin:disabled {
  cursor: default;
}

.client-feedback .footer .footer-brand-coin {
  flex: 0 0 auto;
}

.client-feedback .footer .footer-coin .brand-roundel,
.client-feedback .footer .footer-coin-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.client-feedback .footer .footer-coin-canvas {
  visibility: hidden;
}

.client-feedback .footer .footer-coin[data-renderer="webgl"] .footer-coin-canvas {
  visibility: visible;
}

.client-feedback .footer .footer-coin[data-renderer="webgl"] .footer-coin-fallback {
  visibility: hidden;
}

@media (max-width: 599px) {
  .client-feedback .footer .footer-coin {
    width: 144px;
  }

  .client-feedback .footer .footer-brand-coin {
    flex-basis: 100%;
  }
}