[class^="my-podcast-icon-"],
[class*=" my-podcast-icon-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	vertical-align: middle;
	flex: 0 0 auto;
}

/* Mapping setiap class ke file SVG-nya */
.my-podcast-icon-play {
	-webkit-mask-image: url('../icons/play.svg');
	mask-image: url('../icons/play.svg');
}

.my-podcast-icon-pause {
	-webkit-mask-image: url('../icons/pause.svg');
	mask-image: url('../icons/pause.svg');
}

.my-podcast-icon-close {
	-webkit-mask-image: url('../icons/close.svg');
	mask-image: url('../icons/close.svg');
}

.my-podcast-icon-back {
	-webkit-mask-image: url('../icons/arrow-left.svg');
	mask-image: url('../icons/arrow-left.svg');
}

.my-podcast-icon-star {
	-webkit-mask-image: url('../icons/star.svg');
	mask-image: url('../icons/star.svg');
}

.my-podcast-icon-star-filled {
	-webkit-mask-image: url('../icons/star-filled.svg');
	mask-image: url('../icons/star-filled.svg');
}

.my-podcast-icon-moon {
	-webkit-mask-image: url('../icons/moon.svg');
	mask-image: url('../icons/moon.svg');
}

.my-podcast-icon-sun {
	-webkit-mask-image: url('../icons/sun.svg');
	mask-image: url('../icons/sun.svg');
}

.my-podcast-icon-font-size {
	-webkit-mask-image: url('../icons/font-size.svg');
	mask-image: url('../icons/font-size.svg');
}

.my-podcast-icon-more {
	-webkit-mask-image: url('../icons/dots-horizontal.svg');
	mask-image: url('../icons/dots-horizontal.svg');
}

.my-podcast-icon-audio {
	-webkit-mask-image: url('../icons/music-note.svg');
	mask-image: url('../icons/music-note.svg');
}

.my-podcast-icon-video {
	-webkit-mask-image: url('../icons/video.svg');
	mask-image: url('../icons/video.svg');
}

.my-podcast-icon-text {
	-webkit-mask-image: url('../icons/document-text.svg');
	mask-image: url('../icons/document-text.svg');
}

.my-podcast-icon-podcast {
	-webkit-mask-image: url('../icons/microphone.svg');
	mask-image: url('../icons/microphone.svg');
}

.my-podcast-icon-calendar {
	-webkit-mask-image: url('../icons/calendar.svg');
	mask-image: url('../icons/calendar.svg');
}

.my-podcast-icon-globe {
	-webkit-mask-image: url('../icons/globe.svg');
	mask-image: url('../icons/globe.svg');
}

.my-podcast-icon-book {
	-webkit-mask-image: url('../icons/book-open.svg');
	mask-image: url('../icons/book-open.svg');
}

.my-podcast-icon-check {
	-webkit-mask-image: url('../icons/check.svg');
	mask-image: url('../icons/check.svg');
}

.my-podcast-icon-lock {
	-webkit-mask-image: url('../icons/lock.svg');
	mask-image: url('../icons/lock.svg');
}

.my-podcast-icon-skip-forward {
	-webkit-mask-image: url('../icons/skip-forward.svg');
	mask-image: url('../icons/skip-forward.svg');
}

.my-podcast-icon-skip-back {
	-webkit-mask-image: url('../icons/skip-back.svg');
	mask-image: url('../icons/skip-back.svg');
}

.my-podcast-icon-volume {
	-webkit-mask-image: url('../icons/volume.svg');
	mask-image: url('../icons/volume.svg');
}

.my-podcast-icon-expand {
	-webkit-mask-image: url('../icons/expand.svg');
	mask-image: url('../icons/expand.svg');
}