1. .shells { /* Внешний вид кнопки */
2. color: #FFF; /* Цвет текста в кнопке */
3. background: #343a40; /* Фоновый цвет */
4. padding: 2px; /* Отступ текста от границ - определяет размер кнопки */
5. font-family: comfortaa,cursive;
6. font-size: 0.8571em; /* Размер текста */
7. border: 1px solid #54bb1a;
8. margin: 5px 1px;
9. border-radius: 0.1875rem;
10. box-shadow: 0px 1px 3px; /* Тень */
11. padding: 11px 22px;
12. cursor: pointer;
13.  
14. }
15. /* Меняем внешний вид при наведении */
16. .shells:hover { /* Добавляем псевдокласс :hover */
17. background: rgba(84,178,26,.5);/* Меняем фоновый цвет */
18. border: 2px solid #54bb1a;
19. position: relative;
20. margin-left: 2px;
21. box-shadow: 0 3px 8px 0 rgb(0 0 0 / 17%);
22. }