@use "sass:math";

$pad_btn: 0.5em;
@mixin btn() {
  padding: math.div($pad_btn,2) $pad_btn;
  // border-radius: 5px;
  // background-color: $btns_back;
  cursor: pointer;
  line-height: 1.5;
}

span.icon{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
  display: inline-block;
  vertical-align:bottom;
  width: 1.5em;
  height:1.5em;
  border-radius: 0.75em;
  &.terraindevie{
    background-image: url('./icons/terraindevie.svg');
  }
  &.proximite{
    background-image: url('./icons/proximite.svg');
  }
  &.superposition{
    background-image: url('./icons/superposition.svg');
  }
  &.puissancedagir{
    background-image: url('./icons/puissancedagir.svg');
  }
  &.action{
    background-image: url('./icons/action.svg');
  }
  &.doleancer{
    background-image: url('./icons/doleancer.svg');
  }
}