html body {
  .select,
  .button {
    max-width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    color: unset;
    // background-color: #eee;
    // border: 1px solid lightgrey;
    // box-shadow: 1px 1px 1px grey;
    // background-color: rgb(255, 235, 123);
    background-color: lightyellow;
    border: 1px solid rgb(179, 179, 0);
    box-shadow: 1px 1px 1px grey;
    border-radius: 4px;
    margin: 4px;
    padding: 6px;
  }

  .button {
    cursor: pointer;

    &.loading,
    &:active {
      transform: translate(1px, 1px);
      box-shadow: 0.5px 0.5px 0.5px grey;
    }

    &.loading,
    &:disabled {
      color: grey;
    }

    &.success {
      background-color: lightgreen;
      border-color: green;
    }
    &.success::after {
      content: ' ✔️';
    }
  }
}