/* Blend Sports newsletter social tiles: lightweight Penumbra glass treatment. */
.footer_social ul {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
  padding: 7px !important;
  list-style: none !important;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(31, 35, 42, .72), rgba(8, 10, 13, .82));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 30px rgba(0, 0, 0, .22);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.footer_social ul li {
  display: block !important;
  float: none !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer_social ul li a,
.footer_social ul li a span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  color: #fff !important;
  text-decoration: none !important;
}

.footer_social ul li a {
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 6px 14px rgba(0, 0, 0, .24) !important;
}

.footer_social ul li a {
  position: relative;
  overflow: hidden;
  transform: translateY(0);
  transition: transform .46s cubic-bezier(.2, .75, .25, 1), filter .46s ease, box-shadow .46s ease !important;
}

.footer_social ul li a span,
.footer_social ul li a i {
  background: transparent !important;
  border-color: transparent !important;
}

.footer_social ul li a i {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1 !important;
  transition: none !important;
}

.footer_social ul li:nth-child(1) a { background: linear-gradient(145deg, #ff3b35 0%, #c10812 58%, #8d0309 100%) !important; }
.footer_social ul li:nth-child(2) a { background: linear-gradient(145deg, #438cf4 0%, #1d63c5 58%, #113f87 100%) !important; }
.footer_social ul li:nth-child(3) a { background: linear-gradient(145deg, #9b3fc8 0%, #df376f 50%, #ee8b35 100%) !important; }
.footer_social ul li:nth-child(4) a { background: linear-gradient(145deg, #364351 0%, #1b242d 58%, #080b0e 100%) !important; }
.footer_social ul li:nth-child(5) a { background: linear-gradient(145deg, #2497dc 0%, #0876b8 58%, #04507f 100%) !important; }

.footer_social ul li a:hover,
.footer_social ul li a:focus-visible {
  transform: translateY(-3px) !important;
  filter: brightness(1.12) saturate(1.04);
  border-color: rgba(255, 255, 255, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 12px 22px rgba(0, 0, 0, .34) !important;
}

.footer_social ul li a:focus { outline: none !important; }
.footer_social ul li a:focus-visible {
  outline: 2px solid rgba(255, 255, 255, .92) !important;
  outline-offset: 3px !important;
}

/* Neutralize legacy footer rules that leave a mouse-clicked tile red while it
   retains focus. Keyboard focus remains visible through the white outline. */
.footer_social ul li a:focus span,
.footer_social ul li a:focus i,
.footer_social ul li a:focus-visible span,
.footer_social ul li a:focus-visible i {
  background: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
}

.footer_social ul li:nth-child(1) a:focus { background: linear-gradient(145deg, #ff3b35 0%, #c10812 58%, #8d0309 100%) !important; }
.footer_social ul li:nth-child(2) a:focus { background: linear-gradient(145deg, #438cf4 0%, #1d63c5 58%, #113f87 100%) !important; }
.footer_social ul li:nth-child(3) a:focus { background: linear-gradient(145deg, #9b3fc8 0%, #df376f 50%, #ee8b35 100%) !important; }
.footer_social ul li:nth-child(4) a:focus { background: linear-gradient(145deg, #364351 0%, #1b242d 58%, #080b0e 100%) !important; }
.footer_social ul li:nth-child(5) a:focus { background: linear-gradient(145deg, #2497dc 0%, #0876b8 58%, #04507f 100%) !important; }

.footer_social ul li a:active,
.footer_social ul li:nth-child(n) a:active {
  transform: translateY(-1px) !important;
  background: #e61d25 !important;
  filter: brightness(.94);
}

@media (max-width: 575.98px) {
  .footer_social ul { gap: 6px; padding: 6px !important; border-radius: 15px; }
  .footer_social ul li,
  .footer_social ul li a,
  .footer_social ul li a span { width: 44px !important; height: 44px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .footer_social ul li a { transition: none !important; }
  .footer_social ul li a:hover,
  .footer_social ul li a:focus-visible,
  .footer_social ul li a:active { transform: none !important; }
}