.gk-activation {
max-width: 32rem;
margin: 0 auto;
}
.gk-activation .gk-champ {
margin-bottom: 1rem;
}
.gk-activation label {
display: block;
margin-bottom: .35rem;
font-weight: 600;
color: var(--ink, #1f1a2e);
}
.gk-activation input[type="text"],
.gk-activation input[type="email"] {
width: 100%;
box-sizing: border-box;
padding: .75rem 1rem;
font: inherit;
border: 1px solid var(--border, #ddd6e6);
border-radius: .75rem;
background: #fff;
}
.gk-activation input:focus-visible,
.gk-activation .gk-bouton:focus-visible {
outline: 3px solid var(--purple, #6b3fa0);
outline-offset: 2px;
}
.gk-activation .gk-aide {
margin: .35rem 0 0;
font-size: .875rem;
opacity: .75;
}
.gk-activation .gk-bouton {
padding: .85rem 1.75rem;
font: inherit;
font-weight: 700;
color: #fff;
background: var(--orange, #e8791d);
border: 0;
border-radius: 999px;
cursor: pointer;
}
.gk-activation .gk-bouton[disabled] {
opacity: .6;
cursor: wait;
}
.gk-activation .gk-message {
min-height: 1.5rem;
margin: 1rem 0 0;
font-weight: 600;
}
.gk-activation .gk-message.gk-ok {
color: #1d6b3a;
}
.gk-activation .gk-message.gk-erreur {
color: #b3261e;
} .gk-activation .gk-piege {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}