.list-podcast {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f1f1f1; }
  .list-podcast .title {
    position: relative; }
    .list-podcast .title::after {
      content: "";
      position: absolute;
      bottom: -12px;
      left: 0;
      right: 0;
      margin: auto;
      width: 60px;
      height: 2px;
      background-color: var(--color-1); }
  .list-podcast .podcast-card {
    border-radius: 15px;
    padding: 0.5rem;
    background-color: #fff; }
    .list-podcast .podcast-card:hover img {
      transform: scale(1.1); }
    .list-podcast .podcast-card .text {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* number of lines to show */
      line-clamp: 2;
      -webkit-box-orient: vertical; }
    .list-podcast .podcast-card .podcast-img {
      border: 3px solid var(--color-1);
      border-radius: 50%; }
      .list-podcast .podcast-card .podcast-img .icon {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: var(--color-1);
        color: #fff;
        padding: 6px 6px;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
        width: max-content;
        margin: auto;
        z-index: 0;
        font-size: 18px; }
      .list-podcast .podcast-card .podcast-img img {
        transition: 0.5s; }