

.gender-wrapper {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-right: 26px;
    margin-top: 10px;
    
    div {
        display: flex;
        align-items: center;
        gap: 8px;

        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .blue {
            background-image: linear-gradient(to bottom, #33FFDC, #0095FF);
        }

        .yellow {
            background-image: linear-gradient(to bottom, #FF9494, #FFCC7A);
        }
    }
}

.children {
    display: flex;
    align-items: center;
    gap: 34px;
    margin-top: -10px;
}