Say hello to everyone.

I'm trying to put my CSS code on a form using a Wordpress tool called Divi Builder. But the code I entered was completely different from the code I wrote. I've tried almost everything but nothing works. If you guys can help, I'll put my CSS code here and I'd really appreciate it.

CSS code I made:

._form-content {
  display: flex;
  flex-direction: row;
  gap: 7px;
}
input {
  display: flex;
  width: 252px;
  height: 34px;
  border-radius: 8px;
  fill: #f9f9f9;
  border: 1px solid #b0b0b0;
}
input:focus {
  outline-color: #821313;
}
button {
  width: 286px;
  height: 34px;
  border-radius: 10px;
  background-color: #821313;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  transition: all 0.3 ease;
}
button:hover {
  background-color: #5c0d0d;
}

This is how it should be

This is what it looks like

Here are some errors I encountered

Again, any help would be greatly appreciated.

I tried rewriting the entire CSS code, tried using tags and putting them into the HTML code.