<?php $podcast = get_field('podcast', 'option'); ?>
<?php if ($podcast): ?>
<div class="podcastPlayer">
    <button type="button" class="podcastPlayer_toggle">
        <svg width="27" height="24" class="podcastPlayer_icon" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6.5 7.4c0-.6.3-1 .7-1.3l5.5-3.2c1-.6 2.3.1 2.3 1.3V20c0 1.2-1.2 1.9-2.2 1.4l-5.5-3c-.5-.3-.8-.8-.8-1.4V7.4Z" />
            <rect x=".5" y="7.2" width="6" height="10" rx="1.5"/>
            <path class="podcastPlayer_icon_hover stroke-linecap="round" d="m18.4 6.6 4.8-1.2"/>
            <path class="podcastPlayer_icon_hover" stroke-linecap="round" d="M21.5 11.2h5"/>
            <path class="podcastPlayer_icon_hover" stroke-linecap="round" d="m18.6 16.4 4.8 1.2"/>
        </svg>
        <div class="podcastPlayer_time"></div>
        <div class="podcastPlayer_progress"></div>
        <svg class="podcastPlayer_progressBar" width="72" height="72" viewPort="0 0 36 36">
            <circle class="podcastPlayer_progressBar_bar" r="34" cx="36" cy="36" fill="transparent" stroke-dasharray="214" stroke-linecap="round" stroke-dashoffset="0"></circle>
        </svg>
        <div class="podcastPlayer_bg"></div>
    </button>
    <audio preload="auto" class="podcastPlayer_audio" src="<?php echo $podcast['url']; ?>" type="audio/mpeg"></audio>
</div>
<?php endif; ?>