.rsvp-field {
    margin-bottom: 20px;
}

.rsvp-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
#rsvp-children-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.rsvp-children {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
}
.rsvp-children .child-item .rsvp-row {
    gap: 0;
}
.rsvp-children .child-item INPUT:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    padding: 8px;
    font-size: 14px;
}
.rsvp-children .child-item {
    position: relative;
    width: calc(50% - 5px);
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 8px;
}
@media screen and (max-width: 500px) {
    .rsvp-children .child-item {
        width: 100%;
    }
}
.rsvp-remove {
    position: absolute;
    top: -2px;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 2;
}
.rsvp-remove-child {
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #a5a5a5;
    font-family: sans-serif;
    cursor: pointer;
    transition: color .4s ease;
}
.rsvp-remove-child:hover {
    color: #757575;
    background: transparent;
}
.rsvp-actions {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: "Interstate", sans-serif;
}
.rsvp-btn {
    color: #000;
    font-size: 12px;
    padding: 5px;
    font-family: "Interstate", sans-serif;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #FFF;
    border: 1px solid #FFF;
    /*
    padding: 11px 16px;
    border-radius: 47%;
    background: #FFF;
    border: 1px solid #D2E5FF;*/
    cursor: pointer;
    transition: all .4s ease;
}
.rsvp-btn:hover {
    border: 1px solid #D2E5FF;
    background: #D2E5FF;
}
.rsvp-btn:disabled {
    cursor: not-allowed;
    background: #e5e7eb;
    border: 1px solid #e5e7eb;
}
.rsvp-note {
    display: none;
    margin-top: 4px;
    font-size: 0.9em;
    color: #6b7280;
}
.rsvp-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    margin-top: 10px;
}
.rsvp-radios label {
    cursor: pointer;
    word-break: keep-all;
}