.card-with-tip{.card-with-tip__card{align-items:flex-start;background:var(--stk-primary);border:1px solid var(--stk-primary);border-radius:12px;color:#fff;display:flex;gap:16px;padding:40px 44px;h1,h2,h3,h4,h5,h6{color:#fff}&.card-bg-cream,&.card-bg-light-sky-blue,&.card-bg-linen,&.card-bg-off-white{color:var(--stk-primary);h1,h2,h3,h4,h5,h6{color:var(--stk-primary)}}&.card-bg-off-white{background:#fffbf5;border:1px solid #f9f5ef}&.card-bg-cream{background:rgba(255,243,226,.6);border:1px solid #fff3e2}&.card-bg-linen{background:hsla(35,68%,95%,.6);border:1px solid #fbf4ea}&.card-bg-light-sky-blue{background:rgba(222,237,250,.6);border:1px solid #deedfa}}.tip-icon{flex-shrink:0}.tip-content{&>:last-child{margin-bottom:0}ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}li{align-items:flex-start;display:flex;gap:10px;&:before{content:"→";flex-shrink:0}}}}