.button {
  border-radius: 6px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 7rem;
  min-height: 3.5rem;
  text-decoration: none;
  padding-inline: 0;
  padding-block: 0;
  padding: 18px 24.1px;
  cursor: pointer;
}

.b-filled {
  background-color: #ff9e3e;
  color: black;
}

.b-filled:hover,
.b-filled:focus {
  background-color: #ffaa55;
}

.b-filled:active {
  background-color: #ffb163;
}

.b-filled:disabled {
  background-color: #c8c8c8;
  color: #616161;
}

.b-tonal {
  background: rgba(255, 158, 62, 0.08);
}

.b-outlined {
  background-color: transparent;
  color: #ffce9d;
  border: solid #a6a19c 1px;
}

.b-outlined:hover,
.b-outlined:focus {
  background: rgba(255, 158, 62, 0.08);
}

.b-outlined:active {
  background: rgba(255, 158, 62, 0.12);
  border: solid #ffce9d 1px;
}

.b-outlined:disabled {
  background-color: transparent;
  color: #616161;
  border: solid #a6a19c 1px;
}

.b-text {
  background-color: transparent;
  color: #ffce9d;
}

.b-text:hover {
  background: rgba(255, 158, 62, 0.08);
}

.b-text:focus,
.b-text:active {
  background: rgba(255, 158, 62, 0.12);
}

.b-text:disabled {
  background-color: transparent;
  color: #616161;
}

.menu-button {
  display: none;
  padding: 0;
  min-width: 64px;

  span {
    margin: 0;
    font-size: 40px;
  }
}