.contact-page__hero p {
    margin: 22px 0 0;
    color: #737373;
    font-size: 14px;
    line-height: 1.5;
}

.contact-page__person {
    padding-bottom: 80px;
}

.contact-form {
    display: grid;
    max-width: 680px;
    gap: 24px;
}

.contact-form label {
    display: grid;
    gap: 8px;
    font-size: 14px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #333333;
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font: inherit;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #737373;
}

.contact-form textarea {
    resize: vertical;
}

.contact-form button {
    justify-self: start;
    padding: 12px 20px;
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    font: inherit;
    cursor: pointer;
}

.contact-form__success {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}