.currency-icon { --coin-edge:#d7a85a; --coin-deep:#573016; --coin-shadow:rgba(74,37,12,.78); --coin-glow:rgba(255,224,156,.82); display:inline-grid; position:relative; place-items:center; width:1.75em; height:1.75em; margin:0 .16em; vertical-align:-.4em; border:3px double var(--coin-edge); border-radius:50%; color:#4b4f55; font:900 1em/1 Georgia,'Times New Roman',serif; letter-spacing:-.06em; background:radial-gradient(circle at 35% 28%,var(--coin-highlight) 0%,var(--coin-main) 42%,var(--coin-dark) 100%); box-shadow:inset 5px 5px 8px var(--coin-shadow),inset -4px -4px 6px var(--coin-glow),2px 3px 0 var(--coin-deep),5px 8px 12px rgba(0,0,0,.58); text-shadow:2px 2px 1px var(--coin-deep),-1px -1px 1px var(--coin-glow); }
.currency-icon--wcoinc,.currency-icon--wcoin { --coin-highlight:#f7d38a;--coin-main:#c58a3a;--coin-dark:#7a451e; }
.currency-icon--wcoinp { --coin-edge:#e3e8ee;--coin-deep:#28323d;--coin-shadow:rgba(27,35,45,.82);--coin-glow:rgba(255,255,255,.9);--coin-highlight:#fff;--coin-main:#aeb8c3;--coin-dark:#687582;color:#303943; }
.currency-icon--gp { --coin-edge:#83c996;--coin-deep:#163d2b;--coin-shadow:rgba(7,39,26,.82);--coin-glow:rgba(211,255,198,.78);--coin-highlight:#b8e98a;--coin-main:#3e8b58;--coin-dark:#14503d;color:#ffe39a;letter-spacing:-.12em; }
.currency-icon--ruud { --coin-edge:#e5a18a;--coin-deep:#6e211e;--coin-shadow:rgba(63,13,13,.78);--coin-glow:rgba(255,218,192,.82);--coin-highlight:#ffd8bd;--coin-main:#b84235;--coin-dark:#691d23;color:#fff; }
.currency-icon--credit { --coin-edge:#aeb8c3;--coin-deep:#080b10;--coin-shadow:rgba(0,0,0,.9);--coin-glow:rgba(235,242,250,.7);--coin-highlight:#8d9aa8;--coin-main:#3a424c;--coin-dark:#11161d;color:#fff; }
.currency-icon__plus { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); color:#255ca8; font:900 1em/1 Georgia,serif; letter-spacing:0; text-shadow:2px 3px 0 #12396e,1px 1px 0 #fff,0 5px 7px rgba(8,24,52,.72); }