@use "./_colours";
@use "./_numbers";
@use "sass:color";

.player-action {

  display: inline-block;
  width: 120px;
  height: 80px;
  float: left;
  margin: 0 8px 8px 0;

  border: 1px solid #333;
  background-color: color.scale(colours.$default-action, $alpha: 20%);
  color: colours.$default-action-color;
  border-radius: 4px;
  box-shadow: numbers.$pill-box-inset numbers.$pill-box-inset  numbers.$pill-box-blur-radius colours.$pill-box-shadow;


  &.special-ability {
    background-color: color.scale(colours.$special-action, $alpha: 20%);
    color: colours.$special-action-color;

  }

}