@import 'part:@lyra/base/theme/variables-style';

.root {
  color: var(--clear-cross-color);
  outline: none;
  appearance: none;
  border: none;
  background-color: transparent;
  transition: all 0.1s linear;
  padding: 0;
  margin: 0;
  display: inline-block;

  &:hover,
  &:focus {
    color: var(--clear-cross-color-hover);
    transform: scale(1.5);
  }

  &:active {
    transform: scale(2);
  }
}

.top-right {
  composes: root;
}

.textInput {
  composes: root;
}

.textarea {
  composes: root;
}