.button {
  width: auto;
  font-family: "Montserrat", "Tajawal", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.9444rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.18;
  color: #12284c;
  text-decoration: none;
  border: solid 2px #12284c;
  padding: 14px 24px;
  background: #0000;
  text-rendering: auto;
  letter-spacing: normal;
  word-spacing: normal;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  align-items: flex-start; }
  .button:lang(ar) {
    font-weight: 800; }
  .button:hover {
    background: #12284c;
    text-decoration: none;
    color: #fff; }
  .button.disabled {
    color: #F2F2F2;
    border-color: #F2F2F2; }
  .button.disabled:hover {
    background: transparent; }

@media screen and (min-width: 68.75rem) {
  .podcast-intro__about-link .button-link-container span.button {
    color: #ffffff;
    text-decoration: none;
    border: solid 2px #ffffff; }
    .podcast-intro__about-link .button-link-container span.button:hover {
      background: #ffffff;
      color: #12284c; }
  html:lang(es) .button,
  html:lang(fr) .button {
    padding: 14px 20px; }
  a.button-link-container {
    text-decoration: none; } }