@layer component.base {
  .knob {
    text-decoration: none;

    &:not([hidden]) {
      display: inline-block;
    }
  }

  .knob--block {
    flex-direction: row;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
    width: 100%;

    &:not([hidden]) {
      display: flex;
    }
  }
}