.wpf-shortcode-addon-banner{align-items:center;background:#eff6ff;border:2px solid #bfdbfe;border-radius:10px;display:grid;grid-column-gap:8px;grid-template-columns:1fr auto;margin:10px 0 25px 0;padding:24px}.wpf-shortcode-addon-banner.is-legacy{background:#f2f7fb;border-radius:3px;border-width:0;padding:16px 20px}.wpf-shortcode-addon-banner.is-legacy p{margin-bottom:0}.wpf-shortcode-addon-banner.is-legacy .title{color:#001522}.wpf-shortcode-addon-banner.is-legacy .sub-title{color:#3d5665}.wpf-shortcode-addon-banner.is-legacy .shortcode-button{border-radius:3px}@media (max-width: 320px){.wpf-shortcode-addon-banner{grid-row-gap:15px;grid-template-columns:1fr;padding-bottom:20px}}.wpf-shortcode-addon-banner>div{display:flex;flex-direction:column}.wpf-shortcode-addon-banner .title{color:#1f2937;font-weight:700;margin-bottom:0}.wpf-shortcode-addon-banner .sub-title{color:#4b5563;font-size:14px;line-height:20px;margin-bottom:0}.wpf-shortcode-addon-banner .shortcode-button{background:#036aab;border-color:#036aab;border-radius:4px;color:#fff;font-size:13px;font-weight:700;max-width:fit-content;padding:11px 15px;text-decoration:none}.wpf-shortcode-addon-banner .shortcode-button:hover,.wpf-shortcode-addon-banner .shortcode-button:focus{background:#035a91;border-color:#035a91;color:#fff}.wpf-shortcode-callout-area{align-items:center;background-color:#d9edf7;border-radius:3px;border:1px solid #bcdff1;color:#31708f;display:flex;flex-direction:row;gap:20px;line-height:1.5;margin-bottom:30px;padding:20px}.wpf-shortcode-callout-area .image{flex:0 0 auto;width:80px}.wpf-shortcode-callout-area .image .avatar{border-radius:50%}.wpf-shortcode-callout-area .content .text{font-size:18px;font-weight:700;margin-bottom:16px}.wpf-shortcode-callout-area .content .author{font-size:15px;margin-bottom:0}.wpf-shortcode-callout-area .content .author a{border:none;color:#245269;text-decoration:underline;font-weight:900}