/* ==== PRIMARY & SECONDARY BUTTONS ==== */
button,
.upload-label {
  font-family: inherit;
  background: var(--pp-blue);
  color: var(--pp-white);
  border: 2px solid var(--pp-black);
  border-radius: var(--radius);
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.45rem 0.9rem;
  cursor: pointer;
  transition: background var(--transition), transform var(--transition);
}

button:hover,
.upload-label:hover {
  background: var(--pp-yellow);
  color: var(--pp-black);
}

button:active,
.upload-label:active {
  transform: translateY(1px);
}

button.secondary {
  background: transparent;
  color: var(--pp-black);
  border: 2px solid var(--pp-black);
}

button.secondary:hover {
  background: var(--pp-gray);
}

button.danger-btn {
  background: var(--pp-red);
  color: var(--pp-white);
}
button.danger-btn:hover {
  background: var(--pp-yellow);
  color: var(--pp-black);
}