.podcast-list{grid-template-rows:auto;gap:15px;display:grid}@media screen and (min-width:450px){.podcast-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:900px){.podcast-list{grid-template-columns:repeat(3,1fr)}}.podcast-list__item{flex-direction:row;align-items:center;gap:10px;width:100%;padding:5px 10px;transition:background-color .15s ease-in-out;display:flex}@media screen and (min-width:450px){.podcast-list__item{gap:20px;padding:10px 20px}}.podcast-list__item:hover{background-color:#dedede}.podcast-list__item__illustration{aspect-ratio:1;flex:auto;align-items:center;width:100%;max-width:80px;height:auto;display:flex;position:relative}@media screen and (min-width:450px){.podcast-list__item__illustration{max-width:120px}}.podcast-list__item__illustration .play-button{background-color:#fffc;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}@media screen and (max-width:450px){.podcast-list__item__illustration .play-button{width:35px;height:35px}}@media screen and (min-width:580px){.podcast-list__item__illustration .play-button{display:none}}.podcast-list__item__illustration img{object-fit:cover;width:100%;height:100%}.podcast-list__item__data{flex-direction:column;flex-grow:1;gap:15px;padding-top:8px;display:flex}.podcast-list__item__data h3{font-weight:700}.podcast-list__item__play{display:none}@media screen and (min-width:580px){.podcast-list__item__play{display:initial}}