.referral{display:inline-block;transition:.2s;color:var(--green);background-color:var(--gold);font-weight:500;padding:0 .5rem;border-radius:5px}.referral__code-emoji-container{cursor:pointer}.referral__code-emoji-container.success{cursor:not-allowed}.referral__code{background-color:var(--black);color:var(--white);padding:0 .1rem;border-radius:5px;transition:.2s}.referral__emoji{text-shadow:var(--hard-shadow);transition:.2s}.referral__emoji.success{text-shadow:var(--soft-shadow)}.referral:hover{.referral__code { box-shadow: var(--soft-shadow); background-color: var(--blue); color: var(--gold); } .referral__code.success { box-shadow: initial; background-color: var(--black); color: var(--white); } .referral__emoji { text-shadow: var(--soft-shadow); } .referral__link { color: var(--blue); }}