.cb-category-button {
  padding: 8px 10px;
  background-color: {{background_color}};
  color: {{text_color}};
  text-decoration: none;
  border: 1px solid {{border_color}};
  border-radius: {{border_radius}};
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1);
}

.cb-category-button:hover {
  background-color: {{background_hover_color}};
  border-color: {{border_hover_color}};
  color: {{text_hover_color}};
  transition: 0.3s all ease; 
}

.cb-category-buttons a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: {{buttons_font_size}};
}

.cb-category-buttons a img{
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.cb-category-buttons {
  display: grid;
  grid-template-columns: repeat({{columns_desktop}}, 1fr);
  grid-auto-rows: 1fr;
  gap: 10px;
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  .cb-category-buttons {
    grid-template-columns: repeat({{columns_tablet}}, 1fr);
  }
}

@media (max-width: 768px) {
  .cb-category-buttons {
    grid-template-columns: repeat({{columns_mobile}}, 1fr);
  }
}