/* 共通ホバーオーバーレイ */
.u-hover-overlay {
    position: relative;
    overflow: hidden;
}

.u-hover-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background-color: var(
        --hover-overlay-bg,
        /* --hover-overlay-bg が未設定の場合に使うデフォルト色 */
        rgba(0, 0, 0, 0.3)
    );
    transition: opacity 0.1s ease;
}

.u-hover-overlay:hover::before {
    opacity: 1;
}