60 lines
1.3 KiB
CSS
60 lines
1.3 KiB
CSS
button {
|
|
font-size: 0.9rem;
|
|
padding: 0.55rem 1.25rem;
|
|
border-radius: 8px;
|
|
border: 1px solid var(--border);
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
transition: all 0.15s ease;
|
|
|
|
&.primary {
|
|
background: var(--primary);
|
|
color: #fff;
|
|
border-color: var(--primary);
|
|
box-shadow: var(--shadow);
|
|
|
|
&:hover {
|
|
background: var(--primary-hover);
|
|
border-color: var(--primary-hover);
|
|
box-shadow: var(--shadow-md);
|
|
}
|
|
}
|
|
|
|
&.secondary {
|
|
background: var(--card-bg);
|
|
color: var(--text);
|
|
box-shadow: var(--shadow);
|
|
|
|
&:hover {
|
|
background: #f9fafb;
|
|
border-color: #9ca3af;
|
|
}
|
|
}
|
|
|
|
&.danger {
|
|
background: #fff;
|
|
color: var(--error-text);
|
|
border-color: var(--error-border);
|
|
|
|
&:hover {
|
|
background: var(--error-bg);
|
|
border-color: var(--error-text);
|
|
}
|
|
}
|
|
|
|
&:disabled {
|
|
opacity: 0.4;
|
|
cursor: not-allowed;
|
|
box-shadow: none;
|
|
}
|
|
|
|
&.btn-success,
|
|
&.btn-success:hover {
|
|
background: var(--success-text);
|
|
border-color: var(--success-text);
|
|
color: #fff;
|
|
cursor: default;
|
|
opacity: 0.7;
|
|
}
|
|
}
|