.match{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#f3f8fe,#edf3fa)}.match .p1{font-size:26px;line-height:.5}.match .card1{background-color:#92c2fe;background-image:linear-gradient(to bottom right,#5da7fd,#92c2fe);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:20px;height:70px;margin-top:20px;position:relative}.match .card1 span{color:#fff;font-size:24px}.match .card1 .icon1{position:absolute;bottom:10px;right:15px}.match .card2{background-color:#92c2fe;background-image:linear-gradient(to bottom right,#5da7fd,#92c2fe);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:20px;height:70px;margin-top:20px;position:relative}.match .card2 span{color:#fff;font-size:24px}.match .card2 .icon2{position:absolute;bottom:10px;right:15px}.match .footer{background-color:transparent;position:fixed;bottom:50px;left:0;right:0;height:50px}.match .footer .card3{margin:0 40px;display:flex;align-items:center;justify-content:center;padding:10px;background-color:#fff7ee;border-radius:10px}.match .footer .card3 .icon{margin-right:5px;display:flex;align-items:center}.match .footer .card3 .content{flex:1}.match .footer .card3 .content .text{display:block;line-height:1;text-align:left;color:#dfae66}