.grade-btn:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(45deg,#03336d66,#0073ff66);border-radius:24px;padding:1px;transition:all .3s;position:absolute;inset: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:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.grade-btn-hover:before{background:#fffc;border:1px solid #fff}