.mf-media-platform-grid {
 grid-template-columns: repeat(7, minmax(0, 1fr));
 gap:.55rem;
 padding:.65rem;
 border: 1px solid rgba(245, 200, 66,.16);
 border-radius: 18px;
 background:
 radial-gradient(circle at 12% 0%, rgba(224, 37, 42,.14), transparent 34%),
 radial-gradient(circle at 88% 20%, rgba(0, 156, 87,.14), transparent 32%),
 linear-gradient(135deg, rgba(12, 26, 24,.88), rgba(5, 11, 8,.92));
 }.mf-media-platform-grid a {
 align-content: start;
 gap:.38rem;
 min-height: 0;
 padding:.72rem.68rem;
 border-radius: 12px;
 position: relative;
 overflow: hidden;
 }.mf-media-platform-grid a::after {
 content: "Open";
 justify-self: start;
 margin-top:.2rem;
 color: rgba(245, 200, 66,.86);
 font: 900.56rem var(--f-mono);
 letter-spacing:.12em;
 text-transform: uppercase;
 opacity:.72;
 transform: translateY(2px);
 transition: opacity.2s ease, transform.2s ease;
 }.mf-media-platform-grid a:hover::after,.mf-media-platform-grid a:focus-visible::after {
 opacity: 1;
 transform: translateY(0);
 }.mf-media-platform-grid a img {
 width: 30px;
 height: 30px;
 object-fit: contain;
 border-radius: 8px;
 background: rgba(255,255,255,.04);
 padding:.2rem;
 }.mf-media-platform-grid a strong {
 font-size:.98rem;
 line-height: 1;
 }.mf-media-platform-grid a small {
 font-size:.72rem;
 line-height: 1.25;
 }.mf-media-platform-grid a:first-child img,.mf-media-platform-grid a[data-platform="spotify"] img,.mf-media-platform-grid a[data-platform="tiktok"] img,.mf-media-platform-grid a[data-platform="x"] img,.mf-media-platform-grid a[data-platform="linkedin"] img {
 background: #fff;
 }

 @media (max-width: 1180px) {.mf-media-platform-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 }

 @media (max-width: 760px) {.mf-media-platform-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }