.ds-vertical-button {
  @include label-small-1;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  padding: var(--spacing-100) var(--spacing-150);
  cursor: pointer;

  > span {
    margin-top: 8px;
  }

  &:hover {
    background-color: var(--layer-field-hover);
    color: var(--text-on-color-accent);

    > .ds-icon {
      color: var(--icon-on-color-accent);
    }
  }
}
