/* 2025-09-01: 썸네일 재생 아이콘 — 원형 제거, 삼각형만(테두리 포함) 표시 */
.thumb_box.wm-amp-play-pause-item i.material-icons.play,
.wm-amp-play-pause-item i.material-icons.play.add {
    /* base 아이콘(play_circle_outline)의 원+삼각형을 숨겨 원형을 완전히 제거 */
    color: transparent !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    position: relative;
    line-height: 1;
}

/* 삼각형 오버레이: 크기/정렬 유지, 테두리만 선명하게 */
.thumb_box.wm-amp-play-pause-item i.material-icons.play::after,
.wm-amp-play-pause-item i.material-icons.play.add::after {
    content: "play_arrow";
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    /* 기존 아이콘과 동일 크기 → 사이즈 유지 */
    line-height: 1;
    color: #fff;
    /* 채움은 흰색 */
    /* 짙은 회색 테두리(#4A4A4A 근사) */
    -webkit-text-stroke: 1.8px rgba(74, 74, 74, 0.92);
    /* 파이어폭스 등 호환용 테두리 보정도 같은 톤으로 */
    text-shadow: 0 0 1px rgba(74, 74, 74, 0.80), 0 0 2px rgba(74, 74, 74, 0.50);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* 클릭/재생 동작 영향 없음 */
}

/* (선택) 호버 시 삼각형만 아주 살짝 강조하고 싶으면 아래 3줄만 사용
.thumb_box.wm-amp-play-pause-item:hover i.material-icons.play::after,
.wm-amp-play-pause-item:hover i.material-icons.play.add::after {
    -webkit-text-stroke: 2.0px rgba(74, 74, 74, 0.90);
    text-shadow: 0 0 1px rgba(74, 74, 74, 0.90), 0 0 2px rgba(74, 74, 74, 0.60);
}
*/