.elementor-1897 .elementor-element.elementor-element-b682acb{--display:flex;}/* Start custom CSS */.fauna-video-block {
  position: relative;
  max-width: 960px;
  margin: 0 auto 3rem;
}

/* 16:9 比例外框 */
.fauna-video-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* 如果你的主題不支援，可以改用 padding-top 技巧 */
  overflow: hidden;
  background: #000;
  border-radius: 16px;
}

.fauna-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 右下角按鈕 */
.fauna-video-toggle {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: none;
  padding: 0;
  cursor: pointer;
  background: rgba(204, 204, 204, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

/* 兩圈 SVG */
.fauna-circle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg); /* 從上方開始跑進度 */
}

.fauna-circle circle {
  fill: none;
  stroke: black;
  transform-origin: 50% 50%;
}

/* 底層粗圈 */
.fauna-circle--bg circle {
  stroke-width: 10;
  opacity: 0.2;
}

/* 進度圈：會用 JS 改 strokeDasharray / strokeDashoffset */
.fauna-circle--progress circle {
  stroke-width: 3;
}

/* 中間白色圓 */
.fauna-toggle-inner {
  position: absolute;
  width: 31px;
  height: 31px;
  border-radius: 999px;
  background: #fff;
}

/* icon 基本樣式 */
.fauna-icon {
  position: absolute;
  width: 70%;
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 一開始顯示 play，隱藏 pause */
.fauna-icon--pause {
  display: none;
}

/* 播放狀態切換 */
.fauna-video-wrapper.is-playing .fauna-icon--play {
  display: none;
}
.fauna-video-wrapper.is-playing .fauna-icon--pause {
  display: flex;
}/* End custom CSS */