.post-visual {
  max-width: 1232px;
  margin: 0 auto;
  padding: 130px 20px 0;
}

.post-meta {
  display: flex;
  justify-content: center;
  column-gap: 28px;
}

.post-meta.mobile {
  display: none;
}

.post-meta > a {
  color: #4B5563;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.16px;
}

.post-meta > a.current {
  position: relative;
  color: #111827;
  font-weight: 700;
}

.post-meta > a.current::before {
  position: absolute;
  top: 0;
  left: -28px;
  content: '';
  width: 28px;
  height: 100%;
  background: url("/hubfs/21626933/raw_assets/public/Hrev_site/code_File/asset/images/icon-arrow-right.png") no-repeat center / 16px;
}

.post-video {
  position: relative;
  aspect-ratio: 596 / 335;
  margin-top: 38px;
  font-size: 0;
  border-radius: 8px;
  overflow: hidden;
}

.post-video > iframe {
  height: 100%;
}

.post-video .button-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-video .button-video::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url("/hubfs/21626933/raw_assets/public/Hrev_site/code_File/asset/images/icon-play-opacity.png") no-repeat center / 96px;
  transition: background 0.3s;
}

@media (hover: hover) {
  .post-video .button-video:hover::after {
    background-color: rgba(3, 7, 18, 0.30);
  }
}

.post-video .button-video > img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .post-visual {
    padding: 0;
  }

  .post-meta {
    column-gap: 24px;
  }

  .post-meta.desktop {
    display: none;
  }

  .post-meta.mobile {
    display: flex;
    justify-content: flex-start;
    margin-top: 18px;
    padding: 0 20px;
  }

  .post-meta > a {
    color: #4B5563;
    font-size: 12px;
    letter-spacing: unset;
    line-height: 24px;
  }

  .post-meta > a.current::before {
    left: -24px;
    width: 24px;
  }

  .post-video {
    aspect-ratio: 180 : 101;
    margin-top: 0;
    border-radius: unset;
  }

  .post-video .button-video::after {
    background-size: 80px;
  }
}