select,
input[type="date"],
input[type="time"],
input[type="text"],
input[type="email"],
input[type="password"] {
  outline: none;
  border: none;
  border-bottom: 1px solid black;
}

.cancel-button {
  border: 1px solid buttonface;
  padding: 5px 20px;
  outline: none;
  color: black;
  text-transform: uppercase;
  cursor: pointer;

  &:hover {
    border-color: black;
  }
}

.delete-button {
  border: 1px solid buttonface;
  padding: 5px 20px;
  outline: none;
  color: white;
  background-color: #ff4602;
  text-transform: uppercase;
  cursor: pointer;

  &:hover {
    border-color: black;
  }
}

.button {
  border: 1px solid coral;
  padding: 5px;
  text-align: center;
  color: white;
  background-color: coral;
  cursor: pointer;

  &.pale {
    opacity: 0.3;
  }

  &:hover {
    opacity: 1;

    &:not(.pale) {
      border-color: black;
    }
  }
}

input[type="submit"] {
  border: 1px solid coral;
  padding: 5px 20px;
  outline: none;
  color: white;
  background-color: coral;
  text-transform: uppercase;
  cursor: pointer;

  &:hover {
    border-color: black;
  }
}

.link {
  color: black;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
}

input[type="checkbox"] {
  width: fit-content;
  accent-color: coral;
}

textarea {
  margin-top: 5px;
  border-color: black;
  outline: none;
  resize: none;
}