input,
textarea,
select,
button {
  font: inherit;
}

input,
textarea,
select {
  width: 100%;
  background: #ffffff;
  color: var(--cg-text);
  border: 1px solid var(--cg-border);
  border-radius: 12px;
  padding: 0.9rem 1rem;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--cg-accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--cg-accent);
  color: #ffffff;
  border: 0;
  border-radius: 999px;
  padding: 0.9rem 1.35rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--cg-accent-2);
  transform: translateY(-1px);
}