.box-banner{width:100%;min-height:140px;background:linear-gradient(90deg,#db344b 0,#bc137a 100%);display:flex;align-items:center;padding:20px;position:relative;overflow:hidden}
.box-icon-container{margin-right:20px;position:relative;flex-shrink:0}
.box-upgrade-icon{width:60px;height:60px;fill:rgba(255,255,255,0.9)}
.box-content{flex:1;color:#fff;font-family:Inter,sans-serif;font-weight:400;font-size:19px;line-height:100%;letter-spacing:0;margin-right:20px}
.box-highlight{background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:4px;font-weight:500;display:inline-block;margin-bottom:8px}
.box-upgrade-button{background:#fff;color:#f04c23;font-family:Roboto,sans-serif;font-weight:500;font-size:13px;line-height:140%;letter-spacing:5%;text-align:center;text-transform:uppercase;border:0;padding:12px 24px;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);flex-shrink:0}
.box-upgrade-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.2);background:#f8f8f8}
.box-sparkles{position:absolute;top:10px;left:10px;opacity:.3}
.box-sparkle{fill:#fff;width:16px;height:16px;margin:2px}
@media(max-width:768px){.box-banner{flex-direction:column;align-items:flex-start;padding:16px;text-align:left}
.box-icon-container{margin-right:0;margin-bottom:12px;align-self:flex-start}
.box-upgrade-icon{width:40px;height:40px}
.box-content{font-size:16px;line-height:120%;margin-right:0;margin-bottom:16px}
.box-upgrade-button{align-self:stretch;width:100%}
.box-sparkles{top:8px;left:8px}
.box-sparkle{width:12px;height:12px}
.box-icon-container{display:none}
}