After attempting to remove the background-color attribute, I noticed that the background remains a shade of grey instead of becoming transparent. Here is the code snippet:
CSS:
#contact-form button[type="submit"] {
position: absolute;
width: 100%;
margin: 100px 0 5px;
padding: 10px;
font-size: 15px;
height: 50px;
max-width: 372px;
border: 1px solid white;
border-radius: 15px;
color: white;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: 0.5s;
}
#contact-form button[type="submit"]:hover {
background-color: #fff;
color: #2D2D2D;
}