/* ---------- PADRES ---------- */

.kpn-parent {

    position: relative;

}

.kpn-parent>label {

    font-weight: 600;

}

/* ---------- BOTÓN ---------- */

.kpn-toggle {

    position: absolute;

    right: -20px;

    top: 50%;

    width: 24px;

    height: 24px;

    border: 0;

    background: transparent;

    cursor: pointer;

    transform: translateY(-50%);

}

.kpn-toggle::before {

    content: "";

    display: block;

    width: 8px;

    height: 8px;

    margin: auto;

    border-right: 2px solid currentColor;

    border-bottom: 2px solid currentColor;

    transform: rotate(45deg);

    transition: .25s;

}

.kpn-parent.is-open .kpn-toggle::before {

    transform: rotate(225deg);

}

/* ---------- HIJOS ---------- */

.kpn-child {

    padding-left: 22px;

}

.kpn-child label {

    font-weight: 400;

}

/* ---------- ESPACIADO ---------- */

.kpn-parent {

    margin-bottom: 6px;

}

.kpn-child {

    margin-bottom: 4px;

}