/
spirzen
/
it-code-examples
Обзор
Документация
Войти
/
spirzen
/
it-code-examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/css/css-113-006/main.css
61 строка
1 KB
Spirzen
Code migration pack
09 июн 2026, 01:41
09 июн 2026, 01:41
cebc284
Код
Авторство
О чём код?
.button { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-family: inherit; font-size: 1rem; font-weight: var(--font-weight-semibold); cursor: pointer; border: 1px solid transparent; border-radius: 8px; padding: 0.75rem 1.5rem; transition: all 0.2s ease; text-decoration: none; outline: none; } .button--primary { background-color: var(--color-primary); color: white; border-color: var(--color-primary); } .button--primary:hover { background-color: #6A5ACD; border-color: #6A5ACD; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(123, 104, 238, 0.3); } .button--secondary { background-color: var(--color-secondary); color: white; border-color: var(--color-secondary); } .button--secondary:hover { background-color: #5A6268; border-color: #5A6268; } .button--outline { background-color: transparent; color: var(--color-primary); border-color: var(--color-primary); } .button--outline:hover { background-color: rgba(123, 104, 238, 0.1); } .button--danger { background-color: var(--color-danger); color: white; border-color: var(--color-danger); } .button--danger:hover { background-color: #C82333; border-color: #C82333; }