.subtle {
  aspect-ratio: 1;
  height: 2rem;
  height: 2rem;
  display: grid;
  place-content: center;

  background: $gray-1050;
  color: $blue-400;
  border: 1px solid transparent;
  border-radius: 3px;

  &:hover:not(:disabled):not(:active) {
    background: $gray-1000;
    color: $blue-500;
  }

  &:active {
    background: $gray-1100;
    border-color: $gray-1250;
  }

  &:disabled {
    background: $gray-1050;
  }
}