#invites-page .affiliate-open-bot {
    border-color: #fff0a1 #eac347 #d6a22b;
    background:
        radial-gradient(ellipse at 45% 0%, #fff7ca80, #fff4a900 65%),
        linear-gradient(180deg, #ffe77d 0%, #ffda45 38%, #ffcb29 76%, #efb725 100%);
    box-shadow:
        inset 0 1px 1px #fffad6e6,
        inset 0 -2px 3px #b77e0033,
        0 3px 0 #986c2466,
        0 6px 10px #0009;
    text-shadow: 0 1px 0 #fff3a05c;
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
@media (hover: hover) and (pointer: fine) {
    #invites-page .affiliate-open-bot:hover {
        transform: translateY(-1px);
        filter: brightness(1.035);
        box-shadow: inset 0 1px 1px #fffad6e6, inset 0 -2px 3px #b77e0033, 0 4px 0 #986c245c, 0 8px 12px #0009;
    }
}
#invites-page .affiliate-open-bot:active {
    transform: translateY(2px);
    filter: brightness(.98);
    box-shadow: inset 0 1px 2px #fff4b199, inset 0 -1px 2px #b77e002e, 0 1px 0 #986c2466, 0 3px 5px #0007;
}
#invites-page .affiliate-step-number {
    border-color: #fff0a2 #edc247 #dcac30;
    background: radial-gradient(circle at 29% 21%, #fff8cd 0%, #ffec95 15%, #ffdf65 32%, #ffd23c 55%, #f0b828 78%, #d99817 100%);
    box-shadow: inset 0 1px 1px #fffce0d9, inset -2px -3px 4px #ba7b004d, 0 2px 0 #8f661c99, 0 4px 6px #0008;
    text-shadow: 0 1px 0 #fff1a37a;
}
@media (prefers-reduced-motion: reduce) {
    #invites-page .affiliate-open-bot { transition: none; }
}