44 lines
867 B
CSS
44 lines
867 B
CSS
.toggle-btn {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
color: #FF5349;
|
|
font-size: 16px;
|
|
padding: 6px 12px;
|
|
border: none;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease, color 0.3s ease;
|
|
}
|
|
|
|
.toggle-btn:hover {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
color: #fff;
|
|
}
|
|
|
|
.toggle-btn:focus {
|
|
outline: none;
|
|
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.pr-modal-footer {
|
|
background: #f1f5f9;
|
|
border-top: 1px solid #e2e8f0;
|
|
}
|
|
|
|
/* Teal primary button */
|
|
.btn-teal-primary {
|
|
background-color: #0f766e;
|
|
border-color: #0f766e;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-teal-primary:hover {
|
|
background-color: #115e59;
|
|
border-color: #115e59;
|
|
}
|
|
|
|
/* Soft warning */
|
|
.btn-teal-warning {
|
|
background-color: #f59e0b;
|
|
border-color: #f59e0b;
|
|
color: #fff;
|
|
}
|