/* Minification failed. Returning unminified contents.
(2,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,20): run-time error CSS1039: Token not allowed after unary operator: '-podcast-promo-margin-top'
(10,23): run-time error CSS1039: Token not allowed after unary operator: '-podcast-promo-margin-bottom'
(19,30): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(20,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(51,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black-base'
(52,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading-4'
(54,21): run-time error CSS1039: Token not allowed after unary operator: '-line-height-heading-4'
(59,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-base'
(77,30): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-400'
(86,15): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-700'
(87,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-base'
(92,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-base'
 */
.podcast-promo-container {
  --podcast-promo-margin-top: unset;
  --podcast-promo-margin-bottom: unset;

  display: flex;
  flex-direction: column;
  float: left;
  clear: both;
  margin-top: var(--podcast-promo-margin-top);
  margin-bottom: var(--podcast-promo-margin-bottom);
}

.podcast-promo-container .podcast-promo-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;

  padding: 30px 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-image-container {
  position: relative;
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-image-container .podcast-promo-image-emblem {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-body {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 20px;
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-body .podcast-promo-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-body .podcast-promo-header .podcast-promo-title {
  color: var(--color-black-base);
  font-size: var(--font-size-heading-4);
  font-weight: 600;
  line-height: var(--line-height-heading-4);
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-body .podcast-promo-header .podcast-promo-description,
.podcast-promo-container .podcast-promo-wrapper .podcast-promo-body .podcast-promo-header .podcast-promo-episodes-link {
  font-size: var(--font-size-base);
}

.podcast-promo-container
  .podcast-promo-wrapper
  .podcast-promo-body
  .podcast-promo-header
  .podcast-promo-episodes-link::after {
  content: "➝";
  font-size: 20px;
  font-weight: 600;
  margin-left: 2px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-body .podcast-promo-footer {
  border-top: 1px solid var(--color-gray-400);
  padding-top: 10px;
}

.podcast-promo-container
  .podcast-promo-wrapper
  .podcast-promo-body
  .podcast-promo-footer
  .podcast-promo-most-recent-episode-label {
  color: var(--color-gray-700);
  font-size: var(--font-size-base);
  margin-right: 10px;
}

.podcast-promo-container .podcast-promo-wrapper .podcast-promo-body .podcast-promo-footer .podcast-promo-article-link {
  font-size: var(--font-size-base);
}

@media (min-width: 960px) {
  .podcast-promo-container .podcast-promo-wrapper {
    flex-direction: row;
    gap: 30px;
  }

  .podcast-promo-container .podcast-promo-wrapper .podcast-promo-image-container {
    width: 50%;
  }

  .podcast-promo-container .podcast-promo-wrapper .podcast-promo-body {
    width: 50%;
  }
}