@use 'sass:map';

@mixin buttons($map) {
  @each $type, $colorsMap in $map {
    .button-#{$type} {
      cursor: pointer;
      color: map.get($colorsMap, color);
      background-color: map.get($colorsMap, background);

      &:hover {
        background-color: map.get($colorsMap, hover);
      }
    }
  }
}

@mixin darkness($prc: 95%) {
  filter: brightness($prc);
}