69 lines
No EOL
1.4 KiB
CSS
69 lines
No EOL
1.4 KiB
CSS
.form-range::-webkit-slider-thumb {
|
|
background: #6f42c1;
|
|
}
|
|
|
|
.form-range::-moz-range-thumb {
|
|
background: #6f42c1;
|
|
border: none;
|
|
}
|
|
|
|
.btn-check:checked+.btn-outline-primary {
|
|
background-color: #6f42c1;
|
|
border-color: #6f42c1;
|
|
color: white;
|
|
}
|
|
|
|
.card {
|
|
transition: box-shadow 0.2s ease-in-out;
|
|
}
|
|
|
|
.card:hover {
|
|
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
#selectedPlanDetails {
|
|
animation: fadeIn 0.3s ease-in;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
|
|
/* Subtle styling for the best plan */
|
|
.card.border-success.border-2 {
|
|
box-shadow: 0 0.25rem 0.75rem rgba(25, 135, 84, 0.1) !important;
|
|
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
|
}
|
|
|
|
.card.border-success.border-2:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 0.5rem 1rem rgba(25, 135, 84, 0.15) !important;
|
|
}
|
|
|
|
/* Best choice badge styling */
|
|
.badge.bg-success {
|
|
border: 2px solid white;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.151);
|
|
color: rgb(255, 255, 255);
|
|
white-space: nowrap;
|
|
font-size: 0.75rem;
|
|
padding: 0.5rem 0.75rem;
|
|
min-width: max-content;
|
|
}
|
|
|
|
/* Subtle enhancement for best plan button */
|
|
.btn-success.shadow {
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
.btn-success.shadow:hover {
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 0.25rem 0.75rem rgba(25, 135, 84, 0.2) !important;
|
|
} |