:where([class^="ri-"])::before {
content: "\f3c2";
}
.progress-bar {
transition: width 0.3s ease;
}
.download-button {
transition: all 0.3s ease;
}
.download-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(37, 99, 235, 0.3);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.toggle-button {
transition: all 0.2s ease;
}
.toggle-button.active {
background-color: #2563eb;
color: white;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
visibility: hidden;
opacity: 0;
}
.accordion-content.open {
max-height: 200px;
visibility: visible;
opacity: 1;
}