.applause-area {
  width: fit-content;
  max-width: min(40rem, calc(100% - 2 * var(--space-lg)));
  align-items: flex-start;
  padding: var(--space-lg);
  gap: var(--space-sm);
}

.applause-area .inline-row {
  gap: var(--space-sm)
}

.url-row {
  width: 100%;
  flex-wrap: nowrap;
}

.url-row .icon {
  flex-shrink: 0;
}

.applause-button-group {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
}

.applause-icon {
  display: inline-block;
  width: 1.2em;
  text-align: center;
  vertical-align: middle;
}


.applause-counter {
  font-size: .6rem;
  font-weight: 200;
  white-space: nowrap;
  font-style: italic;
  text-align: left;
  color: var(--text-muted);
  margin-left: var(--space-sm)
}

.applause-btn {
  margin-left: -0.5em;
  margin-bottom: var(--space-sm);
  font-size: clamp(4rem, 16vw, 5rem);
  line-height: 0.4;
  padding: 0.1em;
}

.applause-options {
  min-width: 9em;
  text-align: left;
}

button.applause-btn--success {
  color: var(--accent-green);
}

button.applause-btn--failed {
  color: var(--accent-red);
}