@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=swap";
section .card{z-index:555;text-align:center;place-content:center;place-items:center;width:100%;min-height:10rem;padding:2rem 1rem;display:grid;position:relative;box-shadow:.063em .75em 1.563em #000000c7}section .card:before{content:"";z-index:-1;-webkit-mask-composite:destination-out;border:.155rem solid #0000;width:100%;height:100%;position:absolute;top:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}section-body{width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section-body h3{color:#fff;text-transform:capitalize;margin-top:.625em;margin-bottom:.188em;font-size:1.375rem;font-weight:600}section-body p{color:#ddd;letter-spacing:.031rem;font-size:1rem}section-body .progress{margin-top:.938rem}section-body span:first-of-type{color:#fff;text-align:left;width:100%;margin-bottom:.313rem;font-weight:600;display:block}section-body span{text-align:right;color:#fff;margin-top:.313rem;display:block}.blue{background:radial-gradient(at 100% 0,#3b82f6 0%,#151419 45% 100%)}.blue:before{background:linear-gradient(45deg,#232228,#232228,#232228,#232228,#1890ff) border-box}.affiliate-card-btn{width:100%;height:2.5rem;font-size:1rem}