test

Click Here.btn-new.secondary-light:before { background: linear-gradient(45deg, #fff277, #f5e139, #fffdf0, #1a5397); border-radius: .5rem; content: ""; inset: 0; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: var(--b); position: absolute; transition: opacity .2s; z-index: -1; } .btn-new:before { border-radius: .5rem; content: ""; display: block; position: absolute; } *, :after, :before { box-sizing: border-box; } .css-16p7d4d.btn-small { font-size: 0.8125rem; font-weight: 500; height: auto; line-height: 0.75rem; padding: 0.5rem 0.75rem; } .btn-new.secondary-light { --b: 0.125rem; background: linear-gradient(45deg, #fff277, #f5e139, #fffdf0, #1a5397 50%, transparent 55%, transparent); background-clip: padding-box; background-position: 98% 0; background-size: 250% 100%; border: none; box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; color: black; outline: 0 solid #fa7faa; outline-offset: .125rem; position: relative; transition: background-position .2s, outline-width .2s, color .2s; z-index: 0; } .btn-new.secondary-light:hover { color: white; } .btn-new { align-items: center; border: .125rem solid transparent; border-radius: .5rem; box-sizing: border-box; cursor: pointer; display: inline-flex; font-size: .875rem; font-style: normal; font-weight: 700; gap: .25rem; height: 2.5rem; justify-content: center; line-height: 1rem; outline: 0; padding: .75rem 1rem; position: relative; text-align: center; text-rendering: optimizeLegibility; text-transform: uppercase; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } a { background-color: transparent; color: #6a5fc1; text-decoration: none; } Click Here.btn-new.secondary-light:before { background: linear-gradient(11deg, 45deg, #fff277, #f5e139 50%, #fffdf0, #1a5397); border-radius: .5rem; content: ""; inset: 0; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: var(--b); position: absolute; transition: opacity .2s; z-index: -1; } .btn-new:before { border-radius: .5rem; content: ""; display: block; position: absolute; } *, :after, :before { box-sizing: border-box; } .css-16p7d4d.btn-small { font-size: 0.8125rem; font-weight: 500; height: auto; line-height: 0.75rem; padding: 0.5rem 0.75rem; } .btn-new.secondary-light { --b: 0.125rem; background: linear-gradient(120deg, 45deg, #fff277, #f5e139, #fffdf0 25%, #1a5397 50%, transparent 55%, transparent); background-clip: padding-box; background-position: 98% 0; background-size: 250% 100%; border: none; box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; color: black; outline: 0 solid #fa7faa; outline-offset: .125rem; position: relative; transition: background-position .2s, outline-width .2s, color .2s; z-index: 0; } .btn-new.secondary-light:hover { color: white; } .btn-new { align-items: center; border: .125rem solid transparent; border-radius: .5rem; box-sizing: border-box; cursor: pointer; display: inline-flex; font-size: .875rem; font-style: normal; font-weight: 700; gap: .25rem; height: 2.5rem; justify-content: center; line-height: 1rem; outline: 0; padding: .75rem 1rem; position: relative; text-align: center; text-rendering: optimizeLegibility; text-transform: uppercase; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; } a { background-color: transparent; color: #fffdf0; text-decoration: none; }

test

Join the Family