:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Montserrat', sans-serif;
}
.article-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.article-card {
transition: all 0.3s ease;
}
.tag {
transition: all 0.3s ease;
}
.tag:hover {
transform: scale(1.05);
}
.pagination-btn:hover {
transform: translateY(-2px);
}
.search-input:focus {
box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.3);
}
.newsletter-input:focus {
box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.3);
}
.custom-checkbox {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
border: 2px solid #2E7D32;
border-radius: 4px;
outline: none;
cursor: pointer;
position: relative;
}
.custom-checkbox:checked {
background-color: #2E7D32;
}
.custom-checkbox:checked::after {
content: '';
position: absolute;
top: 2px;
left: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}