/*css/atoms/media/css/index.scss*/
.media_content {
   display: flex;
   flex-direction: column;
   gap: var(--space_between-xsmall);
}
.media_content .media {
   position: relative;
   border-radius: var(--corner-small);
   overflow: clip;
}
.media_content .media img {
   width: 100%;
   height: auto;
}
.media_content .media .play-button {
   position: absolute;
   top: 50%;
   left: 50%;
   translate: -50% -50%;
   width: clamp(64px, 20%, 92px);
   transition: 0.3s all;
}
.media_content .media .play-button svg {
   width: 100%;
}
.media_content a:hover .play-button {
   scale: 1.1;
}
.media_content .media_caption {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(0.8125rem, 0.19vw + 0.76875rem, 0.9375rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Poppins", sans-serif);
   display: flex;
   gap: var(--space_between-small);
   width: 100%;
}
.media_content .media_caption a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
.media_content .media_caption a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
.media_content .media_caption a:hover::before {
   width: 100%;
}
.media_content .media_caption-title {
   display: flex;
   flex-wrap: wrap;
   gap: 0.25em;
   flex-grow: 1;
}
.media_content .media_caption-intro {
   color: var(--theme--accent);
}
.media_content .media_caption-name {
   color: var(--theme--primary_text);
}
.media_content .media_caption-time {
   color: var(--theme--secondary_text);
}