@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:'Rubik', sans-serif}section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:100vh}.gradient-light{margin:25px 25px;position:relative;width:300px;height:200px;display:flex;justify-content:center;align-items:center;border-radius:15px;border:3px solid #fff;z-index:9}.gradient-light::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;border-radius:25px;filter:blur(25px);transform:translateY(45px) scale(0.85);opacity:0.75}.gradient-light._1,.gradient-light._1::before{background:red;background:linear-gradient(90deg, red 0%, #fe9700 32%, #ffb800 61%, #ffed0a 86%, #f9ff00 100%, #00fdff 100%, #00f6ff 100%)}.gradient-light._2,.gradient-light._2::before{background:#fffe00;background:linear-gradient(90deg, rgba(255,254,0,0.9) 0%, #d8fe00 23%, #3aff00 50%, #0affe2 81%, #00fffa 100%, #00fdff 100%, #00f6ff 100%)}.gradient-light._3,.gradient-light._3::before{background:#00ffef;background:linear-gradient(90deg, #00ffef 0%, #7898f3 36%, #717bf3 53%, #706af4 68%, #ff00f7 100%, #ff00e6 100%, #00f6ff 100%)}.gradient-light__text{position:relative;z-index:9;font-size:2em;font-weight:700;color:#fff;text-transform:uppercase}