Не подключается файл butten.css
Курс Основы HTML и CSS. Урок 2.2 Стиль butten.css
Создала отдельный файл butten.css (кнопка). Вложила его в папку CSS. Подключила его к HTML как показано в видео. Однако заметила, что текст на кнопке работает (меняет цвета), перемещается. А самой кнопки как таковой нет. Нет границ кнопки, если меняю размеры текста на кнопке (в butten.css), ничего не меняется. Потом только поняла, что у меня butten.css не подключился,а текст на кнопке работает как текст в стиле style.css. Всё перепроверила. Ошибки не нашла.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!--Указывает кодировку для браузера-->
<title>Моя первая страница</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/buttons.css"> <!--подключаем класс баттон (создаём в новом файле)-->
</head>
</ol>
<p align="center"><a href="#" class="button type2">Просто кнопка</a></p>
</div>
</body>
</html>
a.button {
text-decoration: none;
display: inline-block;
padding: 5px 10px;
margin: 0 20px;
font-size: 24px;
transition: .3s ease-in-out;
}
.type1 {
color: #BA7D67;
border: 2px solid transparent;
}
.type1:hover {border: 2px solid #BA7D67;}
.type2 {
color: #E7E5DD;
border-radius: 25px;
border: 3px solid #E7E5DD;
}
.type2:hover {
color: #BD89AB;
background: #E7E5DD;
}
