Размер div для содержимого без "width: fit-content"

Question

Вот фрагмент кода с точным поведением, которое я хотел бы повторить.

Я хочу добавить эффект к заголовку, когда мышь наведена на ссылку.

.link {
    display: block;
    width: 250px;
    text-decoration: none;
    color: black;
    
    padding: 10px;
    border: solid black 1px;
}

.link .title {
    margin-bottom: 8px;
    width: fit-content;
}

.link:hover .title {
    background-color: lightblue;
}

<a href="#" class="link">
    <div class="title">Title</div>
    <div class="subtitle">Subtitle that is usually longer than the title</div>
</a>

Моя проблема: Я не могу использовать правило width: fit-content; CSS, поскольку оно не поддерживается IE. Если вы попытаетесь запустить этот фрагмент в IE, вы увидите что-то вроде этого: image (on imgur)

Мой вопрос: Как я могу убедиться, что .title div всегда соответствует содержимому без использования width: fit-content?