.wrapper{backdrop-filter:blur(16px);position:relative;border-radius:12px;z-index:10}.wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;border-radius:12px;z-index:-1;-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#000,#000);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}.box{margin:1px;border-radius:12px}.box h5{font-size:1.5rem;line-height:2rem}.orange-blue:before{background-image:linear-gradient(180deg,#e77479,#4e41af)}.yellow-green:before{background-image:linear-gradient(180deg,#efa16d,#283d00)}.purple-blue:before{background-image:linear-gradient(180deg,#81499c,#4e41af)}.pink-blue:before{background-image:linear-gradient(180deg,#c0537f,#4e41af)}.cyan-blue:before{background-image:linear-gradient(180deg,#4091d2,#4e41af)}.violet-blue:before{background-image:linear-gradient(180deg,#6e4aac,#4e41af)}.yellow-clear:before{background-image:linear-gradient(180deg,rgba(204,156,64,.6),rgba(204,156,64,.1))}.green-clear:before{background-image:linear-gradient(180deg,rgba(93,104,101,.6),rgba(125,180,102,.1))}.clear-blue:before{background-image:linear-gradient(180deg,rgba(65,96,172,.1),rgba(99,128,183,.6))}.clear-red:before{background-image:linear-gradient(180deg,hsla(60,67%,66%,.1),hsla(0,67%,66%,.6))}