.speech-attention-vote-block {
  position: relative;
}

.speech-attention-vote-block > .container {
  position: relative;
  padding-top: var(--density-indent-second);
  padding-bottom: var(--density-indent-second);
}

.speech-attention-vote-block > .decoration + .container {
  padding-top: var(--density-indent-first);
  padding-bottom: var(--density-indent-first);
}

.speech-attention-vote-block__body {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: 1fr 1fr;
}

.speech-attention-vote-block__body > section {
  transition: background-color 0.25s ease-out;
}

.speech-attention-vote-block section.speech + section.vote,
.speech-attention-vote-block section.attention:last-child,
.speech-attention-vote-block section.vote:first-child {
  grid-column: 1 / -1;
}

:root.root--special .speech-attention-vote-block {
  background-color: var(--special-background-color);
}

@media screen and (max-width: 735px) {
  .speech-attention-vote-block__body {
    gap: calc(var(--grid-gap) / 2);
    grid-template-columns: 1fr;
    padding-top: var(--grid-gap);
    padding-bottom: var(--grid-gap);
  }
}