@import "../settings/variables";

$help-background-color: $core-gray-15;
$help-background-hover-color: $core-gray-45;
$help-label-color: $core-white;

.help {
  display: inline-flex;
  position: fixed;
  right: 0;
  bottom: 80px;
  align-items: center;

  &__label {
    background-color: $help-background-color;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    padding: spacing(sm);
    color: $help-label-color;
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 12px;
    transform: rotateZ(-90deg) translateX(100%);
    transform-origin: 100% 100%;

    &:hover,
    &--hover {
      background-color: $help-background-hover-color;
    }
  }
}