.openhouse-banner{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  max-width:1200px;
  margin:0 auto 35px;
  padding:17px 21px;
  text-decoration:none;
  color:#183642;
  background:linear-gradient(110deg,#ffffffeb,#e7efffee 70%,#f4e9f2ee);
  border:1px solid #d1dfed;
  border-radius:16px;
  box-shadow:0 8px 30px #24526b08;
  transition:transform .2s,box-shadow .2s}
.openhouse-banner:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px #24526b15}
.openhouse-banner:focus-visible{
  outline:3px solid #2563eb;
  outline-offset:4px}
.openhouse-new{
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  border-radius:99px;
  padding:4px 9px;
  background:#205662;
  color:white}
.openhouse-banner strong{
  font-size:13px;
  font-weight:600}
.openhouse-description{
  display:block;
  color:#526777;
  font-size:12px;
  margin-top:2px}
.openhouse-arrow{
  margin-left:auto;
  font-size:23px;
  color:#205662}
@media(max-width:600px){
  .openhouse-banner{
  gap:11px;
  padding:14px;
  margin-bottom:28px;
  align-items:flex-start}
.openhouse-banner strong{
  font-size:12px}
.openhouse-description{
  font-size:11px}
.openhouse-arrow{
  font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .openhouse-banner{
  transition:none}
}