.site-announcement {
  color:#252708;
  background:#e4f222;
  background:linear-gradient(100deg,#edf447 0%,#c5ff4a 52%,#e4f222 100%);
  border-bottom:1px solid #24300018;
  color-scheme:light;
  font-size:12px;
  line-height:20px;
}
.announcement-inner {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:35px;
  max-width:1680px;
  margin-inline:auto;
  padding:4px 84px;
}
.announcement-copy {margin:0;text-align:center}
.announcement-label {
  display:inline-block;
  margin-right:12px;
  padding-right:12px;
  border-right:1px solid #25270833;
  color:#252708;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
.announcement-feedback {
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:28px;
  margin-left:12px;
  padding:0 11px;
  color:#f4facd;
  background:#202214;
  font-size:12px;
  font-weight:550;
  white-space:nowrap;
  border-radius:999px;
  vertical-align:baseline;
  transition:background 140ms ease,transform 140ms ease;
}
.announcement-close {
  position:absolute;
  right:42px;
  top:50%;
  display:grid;
  place-items:center;
  width:36px;
  height:32px;
  padding:0;
  color:#252708;
  border-radius:999px;
  transform:translateY(-50%);
  transition:background 140ms ease,color 140ms ease;
}
.announcement-close::before {content:"";position:absolute;width:26px;height:26px;border:1px solid #25270840;border-radius:50%;background:#ffffff30}
.announcement-close svg {position:relative;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-announcement button:focus-visible {outline:2px solid #252708;outline-offset:2px}
.announcement-feedback:active {transform:translateY(1px)}
@media (hover:hover) and (pointer:fine) {
  .announcement-feedback:hover {background:#3b4020}
  .announcement-close:hover {background:#25270815}
}
@media (max-width:1100px) {
  .announcement-inner {padding-inline:68px}
  .announcement-close {right:26px}
}
@media (max-width:700px) {
  .announcement-inner {min-height:40px;padding:4px 52px 4px 20px}
  .announcement-copy {text-align:left}
  .announcement-label {display:none}
  .announcement-feedback {min-height:24px;margin-left:4px}
  .announcement-close {right:8px;width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce) {
  .site-announcement button {transition:none}
  .announcement-feedback:active {transform:none}
}