.cb-category-button {
padding: 8px 10px;
background-color: #2d2d2d;
color: #dddddd;
text-decoration: none;
border: 1px solid #2d2d2d;
border-radius: 8px;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1);
}
.cb-category-button:hover {
background-color: #0a0a0a;
border-color: #683e00;
color: #ffffff;
transition: 0.3s all ease; 
}
.cb-category-buttons a {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-size: .875rem;
}
.cb-category-buttons a img{
width: 40px;
height: 40px;
object-fit: contain;
}
.cb-category-buttons {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 1fr;
gap: 10px;
margin-bottom: 1rem;
}
@media (max-width: 1024px) {
.cb-category-buttons {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.cb-category-buttons {
grid-template-columns: repeat(1, 1fr);
}
}