.card10 {
width: 210px;
height: 254px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 12px;
background: #fff;
border-radius: 20px;
}

.card10 > * {
margin: 0;
}

.card10__title {
color: #333;
}

.card10__content {
font-size: 13px;
line-height: 18px;
color: #333;
}

.card10__form {
display: flex;
flex-direction: column;
gap: 10px;
}

.card10__form input {
margin-top: 10px;
outline: 0;
background: rgb(255, 255, 255);
box-shadow: transparent 0px 0px 0px 1px inset;
padding: 0.6em;
border-radius: 14px;
border: 1px solid #333;
color: black;
}

.card10__form button {
border: 0;
background: #111;
color: #fff;
padding: 0.68em;
border-radius: 14px;
font-weight: bold;
}

.sign-up:hover {
opacity: 0.8;
}