/* =====================================================
    CHECKBOXOK
===================================================== */

.agreements {

    grid-column:
        1 / -1;

    margin-top: 8px;

    display: flex;

    flex-direction: column;

    gap: 12px;
}


.checkbox {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    color: #bda17a;

    font-size: 11px;

    line-height: 1.5;

    cursor: pointer;
}


.checkbox input {

    appearance: none;

    flex: 0 0 auto;

    width: 17px;
    height: 17px;

    margin-top: 1px;

    border-radius: 4px;

    border:
        1px solid
        rgba(255, 210, 90, .4);

    background:
        #1c0b03;

    cursor: pointer;

    position: relative;
}


.checkbox input:checked {

    background:
        linear-gradient(
            180deg,
            #ffe995,
            #d99a20
        );

    border-color:
        #ffe995;
}


.checkbox input:checked::after {

    content: "✓";

    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -52%);

    color: #4b2607;

    font-size: 12px;

    font-weight: 900;
}


.checkbox a {

    color: #e2bd69;

    text-decoration: underline;
}