22

✏️ Editing: webspacekit_banner.min.css

.wsk-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background:linear-gradient(90deg,#fdf9f6 0,#fff3ef 100%);position:relative}.wsk-wrapper .wsk-banner{max-width:1080px;padding:clamp(10px, 4%, 60px);margin:auto;align-items:center}.wsk-wrapper .wsk-banner .wsk-body{display:flex;align-items:center;gap:15px}.wsk-wrapper .wsk-banner .wsk-body>div{flex:1}.wsk-wrapper .wsk-banner .wsk-body .left-section{max-width:90%}.wsk-wrapper h3{margin-top:0!important;font-style:normal;color:#09091b}.wsk-wrapper .wsk-banner .logo-header{margin-bottom:20px}.wsk-wrapper .wsk-banner .logo-header img{max-width:70%}.wsk-wrapper .wsk-banner .wsk-body .left-section h3{font-family:montserrat;font-size:42px;font-weight:700;line-height:1.4;margin-bottom:14px;letter-spacing:-1.5px;max-width:750px}@media (max-width:900px){.wsk-wrapper .wsk-banner .wsk-body .left-section h3{font-size:30px}}.wsk-wrapper .wsk-banner .wsk-body .left-section .img-container{display:flex;gap:20px;margin:10px 0}.wsk-wrapper .wsk-banner .wsk-body .left-section .img-container img{height:50px}.wsk-wrapper .wsk-banner .wsk-body .left-section .wsk-grad-btn-wrapper{position:relative;background:linear-gradient(180deg,#ff9538 0,#ff556b 100%);box-shadow:0 6px 30px rgb(255 119 80 / .2);z-index:1;transition:opacity 0.5s linear;border-radius:40px;max-width:300px}.wsk-wrapper .wsk-banner .wsk-body .left-section .wsk-grad-btn-wrapper .wsk-btn{font-size:18px;width:100%;height:auto;margin-top:30px;margin-bottom:30px;border-radius:30px;color:#fff;font-family:montserrat;font-weight:600;line-height:54px;text-align:center;display:block;border:0;cursor:pointer;outline:0;transition:0.2s ease-in-out;background-color:#fff0}.wsk-wrapper .wsk-banner .right-section{text-align:center}.wsk-wrapper .wsk-banner .right-section>img{width:100%}@media (max-width:576px){.wsk-wrapper .wsk-banner .wsk-body{flex-direction:column-reverse}}@media (min-width:576px){.wsk-wrapper .wsk-banner .right-section{text-align:end}}

MR SKB