/* изоляция: стили активны только внутри нашей карточки и типографики */
.pc-typo .pc-video { /* карточка уже с общими отступами card */ }

.pc-typo .pc-video .pc-video__body {
    padding: 0 16px 16px;
}

.pc-typo .pc-video .pc-video__hero {
    display: grid;
    place-items: center;
    text-align: center;

    min-height: 220px;
    padding: 28px 16px;

    background: linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
    border: 1px solid #eef1f4;
    border-radius: 12px;

    box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

.pc-typo .pc-video .pc-video__play {
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    color: #d82d2d; /* фирменный красный из макета */
}

.pc-typo .pc-video .pc-video__desc {
    margin: 2px 0 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #cbd2db;
}

.pc-typo .pc-video .pc-video__btn {
    /* переиспользуем .pc-btn -- просто добавим небольшую тень для «кнопки в герое» */
    box-shadow: 0 2px 0 rgba(0,0,0,.06);
    background: linear-gradient(180deg, #d63939 0%, #c4010c 100%);
}

.pc-typo .pc-video .pc-video__btn[disabled] {
    opacity: .55;
    cursor: not-allowed;
}

/* лёгкий hover у всей подложки */
.pc-typo .pc-video .pc-video__hero:hover {
    border-color: #e8ebef;
    background: linear-gradient(180deg, #ffffff 0%, #f3f5f7 100%);
    transition: background .2s ease, border-color .2s ease;
}