@import "constants/index.scss";

.icon {
  width: 21px;
  height: 21px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  > span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  svg {
    width: 100%;
    height: 100%;
  }

  &.extra-small {
    width: 12px;
    height: 12px;
  }

  &.small {
    width: 16px;
    height: 16px;
  }

  &.big {
    width: 25px;
    height: 25px;
  }
}

.translucent {
  opacity: 0.5;
}