/* assets/css/post-video-download.css */
/* 投稿本文内の動画右上に重ねる、モバイル専用のダウンロードピクトグラム（inc/posts/video-download-ui.php） */

.post-video {
  position: relative;
  margin: 10px 0;
  max-width: 100%;
}

/* video を block化し、インライン要素特有の下端の余白（ボタン領域の残り）を発生させない */
.post-video video {
  display: block;
  max-width: 100%;
}

/* PCでは完全に非表示。CSSで確実に隠す（下のモバイル用メディアクエリでのみ再表示する） */
.post-video-download {
  display: none !important;
}

@media (max-width: 768px) {
  .post-video-download {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0.65;
    text-decoration: none !important;
    z-index: 1;
  }

  .post-video-download-icon {
    color: #ffffff;
    font-size: 1rem;
  }
}