.instructor-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    min-height: 330px;

    img {
        border-radius: 4px;
        aspect-ratio: 1/1;
        width: 100%;
        object-fit: cover;
    }

    .instructor-card__link {
        display: flex;
        justify-content: end;
        margin-top: auto;
        gap: 0;
        color: var(--global-palette4);
        padding-top: 1.2rem;
    }

    .instructor-card__link span {
        line-height: 1;
    }

    .instructor-card__title {
        margin-bottom: 2px;
        color: var(--global-palette1);
    }

    .ph {
        align-self: center;
    }

    .instructor-card__body {
        display: flex;
        flex-direction: column;
        flex: 1;
    }
}

.instructor-card--lead span,
.instructor-card--lead .ph {
    border-bottom: 1px solid transparent;
}

.instructor-card--lead:hover span,
.instructor-card--lead:hover .ph {
    border-bottom: 1px solid var(--global-palette4);
}