.referral-card{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1rem;background:#fff;color:#000;border-radius:1rem;box-shadow:inset 0 0 0 .125rem #d1cec8}@media (min-width: 1280px){.referral-card{padding:1.25rem}}@media (min-width: 1640px){.referral-card{padding:1.5rem}}.referral-card-state{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.referral-card-state[hidden]{display:none}.referral-card-state--start{margin-block:auto}.referral-card-text{margin:0;width:100%;text-align:center}.referral-card-text strong,.referral-card-text b{font-weight:800;letter-spacing:.01rem;text-transform:uppercase}.referral-card-cta.btn{justify-content:center}@media (min-width: 768px){.referral-card-cta.btn{width:22.5rem}}.referral-card-state--loading{margin-block:auto}.referral-card-skeleton{display:block;height:3rem;background:#e0e0e0;border-radius:22.5rem;animation:referral-skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.referral-card-skeleton--field{width:100%}@media (min-width: 768px){.referral-card-skeleton--field{flex:1 0 0;min-width:0}}.referral-card-skeleton--action{width:100%}@media (min-width: 768px){.referral-card-skeleton--action{flex:0 0 13.75rem;width:13.75rem}}.referral-card-fields{display:flex;flex-direction:column;gap:.75rem;width:100%}.referral-card-field-row{display:flex;flex-direction:column;gap:.5rem;width:100%}@media (min-width: 768px){.referral-card-field-row{flex-direction:row;align-items:center}}@media (min-width: 768px){.referral-card-field.input-container-box{flex:1 0 0;min-width:0}}.referral-card-copy.btn{justify-content:center;gap:.5rem}@media (min-width: 768px){.referral-card-copy.btn{flex:0 0 13.75rem;width:13.75rem}}@keyframes referral-skeleton-pulse{50%{opacity:.5}}