.form-name {
    padding-left:0.5em;
}
.form-row-wrapper {
    display: flex;
}
.form-row-wrapper + .form-row-wrapper {
    margin-top: 1em;
}
.form-element  {
    font-size: inherit;
    box-sizing: border-box;
}
.form-container {
    width: 600px;
    max-width: 100%;
}
input.form-element {
    border-bottom: 2px solid var(--theme-color);
    color: var(--theme-color);
    display: block;
    border-radius: 0;
    padding: 5px;
    /* margin-top: 5px; */
}
input.form-element:focus {
    outline: none;
    background-color: #fff;
    box-shadow: inset 0 0 6px var(--theme-color);
    overflow: hidden;
    transition: box-shadow .25s, border .25s;
    border-color: transparent;
}
.form-element-wrapper:first-child {
    flex: 0 0 200px;
}
.form-element-wrapper:last-child {
    flex: 1;
}
.form-element-wrapper:last-child > input.form-element,
.form-element-wrapper:last-child > textarea.form-element {
    width: 100%;
}
::placeholder {
    color: #666;
    opacity: 1; /* Firefox */
}
  
::-ms-input-placeholder { /* Edge 12 -18 */
    color: #666;
}

button.form-element {
    color: var(--theme-color);
    height: 60px;
    padding: 0 20px;
    border-radius: 30px;
    border: 2px solid var(--theme-color);;
    cursor: pointer;
}
button:hover {
    background-color: #fff;
    transition: box-shadow .25s, border .25s;
    border-color: transparent;
    box-shadow: 2px 2px 10px var(--theme-color);
}

textarea.form-element {
    border: 2px solid var(--theme-color);
    border-radius: 24px;
    padding: 12px;
    resize: none;
    /* background-color: #fff; */
    background-color: var(--theme-color);
    color: #fff;
}
textarea.form-element[data-empty="1"] {
    cursor: auto;
    pointer-events: none;
}
textarea.form-element[data-empty="0"]:focus {
    outline: none;
    background-color: #fff;
    color: var(--theme-color);
}