.btn-gradient{position:relative;border:3px solid transparent;&:before{content:"";position:absolute;left:-4px;width:6.563rem;height:2.813rem;background:linear-gradient(to bottom right,#5b58eb,#bb63ff) border-box;border:inherit;border-radius:inherit;-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude}}.feature-gradient{position:relative;border:2px solid transparent;border-radius:12px;&:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(to bottom right,#f79aff,#fff) border-box;border:inherit;border-radius:inherit;-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}&>*{position:relative;z-index:2}}.feature-container-gradient{position:relative;border:1px solid transparent;border-radius:12px;&:before{content:"";position:absolute;top:-2px;right:-1px;bottom:-1px;left:-2px;background:linear-gradient(to bottom right,#f79aff 30%,hsla(0,0%,100%,0) 50%) border-box;border:inherit;border-radius:inherit;-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}&>*{position:relative;z-index:2}}