.bonus-card{border-radius:.75rem;overflow:hidden;transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.2),0 6px 6px rgba(0,0,0,.2);position:relative;background-color:hsl(var(--card)/.7);padding:1px}.bonus-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;width:100%;height:100%;background:transparent;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:0}.bonus-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px rgba(0,0,0,.3),0 8px 8px rgba(0,0,0,.25)}.bonus-card-content{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;height:100%;justify-content:space-between;position:relative;z-index:1;background-color:hsl(var(--card));border-radius:.75rem}.bonus-logo-wrapper{height:32px;display:flex;align-items:center;justify-content:center}.bonus-logo{max-height:100%;width:auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.1))}.bonus-code-wrapper{background-color:hsl(var(--background)/.5);border:1px solid hsl(var(--border)/.5);border-radius:9999px;padding:.25rem 1rem}.bonus-code-text{font-size:.875rem;color:hsl(var(--muted-foreground))}.bonus-features{background-color:hsl(var(--background)/.5);border-radius:.5rem;padding:.75rem;width:100%;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.bonus-feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--foreground))}.bonus-button-clashgg,.bonus-button-csgobig-orange,.bonus-button-csgoroll,.bonus-button-raingg-yellow,.bonus-button-skinrave,.bonus-button-yeetcom{color:white;font-weight:700;border:1px solid transparent;transition:all .2s;cursor:pointer;position:relative;z-index:2}.bonus-card-raingg-yellow:before{background:linear-gradient(180deg,#facc15,#101119)}.bonus-button-raingg-yellow{background-color:#facc15;border-color:rgba(250,204,21,.5);box-shadow:0 2px 0 0 rgba(234,179,8,.6);color:#422006}.bonus-button-raingg-yellow:hover{background-color:#eab308}.bonus-card-csgobig-orange:before{background:linear-gradient(180deg,#fed7aa,#101119)}.bonus-button-csgobig-orange{background-color:#fed7aa;border-color:rgba(253,215,170,.5);box-shadow:0 2px 0 0 rgba(251,146,60,.6);color:#7c2d12}.bonus-button-csgobig-orange:hover{background-color:#fdbf74}.bonus-card-clashgg:before{background:linear-gradient(180deg,#f97316,#101119)}.bonus-button-clashgg{background-color:#f97316;border-color:rgba(249,115,22,.5);box-shadow:0 2px 0 0 rgba(234,88,12,.6)}.bonus-button-clashgg:hover{background-color:#ea580c}.bonus-card-skinrave:before{background:linear-gradient(180deg,#10b981,#101119)}.bonus-button-skinrave{background-color:#10b981;border-color:rgba(16,185,129,.5);box-shadow:0 2px 0 0 rgba(5,150,105,.6)}.bonus-button-skinrave:hover{background-color:#059669}.bonus-card-yeetcom:before{background:linear-gradient(180deg,#ec4899,#101119)}.bonus-button-yeetcom{background-color:#ec4899;border-color:rgba(236,72,153,.5);box-shadow:0 2px 0 0 rgba(190,24,93,.6)}.bonus-button-yeetcom:hover{background-color:#db2777}.bonus-card-csgoroll:before{background:linear-gradient(180deg,#ef4444,#101119)}.bonus-button-csgoroll{background-color:#ef4444;border-color:rgba(239,68,68,.5);box-shadow:0 2px 0 0 rgba(220,38,38,.6)}.bonus-button-csgoroll:hover{background-color:#dc2626}.bonus-card-bg-effects{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}.bonus-card-bg-tile{position:absolute;width:100%;height:100%;inset:0;margin:auto;bottom:-100px;opacity:.2;transition:all .25s;mask-image:radial-gradient(circle,black 10%,transparent 40%),linear-gradient(90deg,transparent,black 20%,black 80%,transparent);mask-repeat:no-repeat;mask-position:center center;mask-size:600px,100% 100%;mask-composite:intersect}.bonus-card:hover .bonus-card-bg-tile{opacity:.4}.bonus-card-radial-glow{position:absolute;width:150%;height:250%;bottom:0;left:-25%;right:0;margin:auto;pointer-events:none;opacity:.2;transition:opacity .3s}.bonus-card:hover .bonus-card-radial-glow{opacity:.4}.bg-background-tile-yeetcom{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23ec4899' fill-opacity='0.71'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E")}.bg-background-tile-raingg-yellow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23facc15' fill-opacity='0.71'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E")}.bg-background-tile-csgobig-orange{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23fed7aa' fill-opacity='0.71'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E")}.bg-background-tile-clashgg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23f97316' fill-opacity='0.71'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E")}.bg-background-tile-skinrave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%2310b981' fill-opacity='0.71'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E")}.bg-background-tile-csgoroll{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23ef4444' fill-opacity='0.71'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E")}