.podcast-links { display: flex; flex-wrap: wrap; gap: 10px; }
.podcast-link { box-sizing: border-box; display: inline-flex; align-items: center; gap: 10px; border: 1px solid #d6b868; border-radius: 8px; padding: 8px 14px; color: #fff; text-decoration: none !important; transition: background .2s ease; }
a.podcast-link:hover { background: rgba(214, 184, 104, .12); color: #fff; }
.podcast-link--pending { cursor: default; }
.podcast-link-icon { flex: 0 0 auto; width: 24px; height: 24px; color: #d6b868; }
.podcast-link-text { display: flex; flex-direction: column; font-family: Manrope, Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.podcast-link-text small { font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }

.podcast-links--footer { flex-wrap: nowrap; margin-top: 8px; gap: 6px; }
.podcast-links--footer .podcast-link { flex: 1 1 0; min-width: 0; padding: 6px; gap: 5px; justify-content: center; }
.podcast-links--footer .podcast-link-icon { width: 15px; height: 15px; }
.podcast-links--footer .podcast-link-text { min-width: 0; font-size: 10px; line-height: 1.2; }
.podcast-links--footer .podcast-link-text small { font-size: 7px; letter-spacing: .04em; white-space: nowrap; }

.podcast-links--section { flex-wrap: nowrap; justify-content: center; gap: 10px; }
.podcast-links--section .podcast-link { padding: 6px 14px; gap: 9px; }
.podcast-links--section .podcast-link-icon { width: 22px; height: 22px; }
.podcast-links--section .podcast-link-text { font-size: 13px; }
.podcast-links--section .podcast-link-text small { font-size: 8.5px; }

@media (max-width: 575px) {
  .podcast-links--section { width: 100%; }
  .podcast-links--section .podcast-link { flex: 1 1 0; min-width: 0; padding: 6px 10px; gap: 7px; justify-content: center; }
  .podcast-links--section .podcast-link-text { font-size: 12px; }
}