.banner{border-radius:4px;background:rgba(84,137,93,.24);padding:8px 16px;justify-content:space-between;margin-top:12px;display:flex;align-items:center;gap:12px;position:relative}@media screen and (max-width:499px){.banner{flex-direction:column;align-items:flex-start;gap:12px;padding-right:30px}}.banner p{font-size:11px}.banner .banner-content{flex:1 1}@media screen and (max-width:767px){.banner .banner-content{max-width:25ch}}.banner a{text-wrap:nowrap;line-height:100%;position:relative;top:1px}.banner .banner-actions{display:flex;align-items:center;gap:12px}.banner .read-link{padding-top:0;margin-top:-1px}.banner .banner-close{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;padding:5px 4px 4px;border-radius:2px;color:inherit;opacity:.7;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.banner .banner-close:hover{opacity:1}.banner .banner-close:focus{outline:2px solid rgba(84,137,93,.6);outline-offset:2px;opacity:1}.banner .banner-close:active{opacity:.8}@media screen and (max-width:499px){.banner .banner-close.desktop-only{display:none}}@media screen and (min-width:500px){.banner .banner-close.mobile-only{display:none}}.banner .banner-close.mobile-only{position:absolute;right:6px;top:6px}