/* Cart referral field */
.gg-referral-field{margin:12px 0}
.gg-referral-field form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gg-referral-field label{min-width:170px;font-weight:800}
.gg-referral-field input[type=text]{flex:1 1 auto;min-width:180px}
.gg-referral-hint{margin:6px 0 0;font-size:12px;opacity:.75;font-weight:700}
@media(max-width:640px){
    .gg-referral-field form{flex-direction:column;align-items:stretch}
    .gg-referral-field label,.gg-referral-field .button{width:100%}
}

/* My code widget */
.gg-ref-card{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:16px;margin:18px 0;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.gg-ref-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gg-ref-row input{flex:1 1 240px;padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.18)}
.gg-ref-btn{border:2px solid #000;border-radius:8px;padding:10px 16px;font-weight:800;background:#ffb400;color:#000;cursor:pointer}
.gg-pill{display:inline-flex;margin-top:10px;padding:6px 10px;border-radius:999px;background:#f3f4f6;font-weight:700;font-size:12px}