.custom-category-button {
display: inline-block;
background-color: #FFFFFF;
color: #333333;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 80px;
padding-left: 80px;
border-radius: 6px;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
border: 1px solid #e0e0e0;
cursor: pointer;
}
.custom-category-button:hover {
background-color: #f5f5f5;
color: #333333;
text-decoration: none;
transform: translateY(0px);
box-shadow: 0 4px 8px rgba(51, 51, 51, 0.15);
border-color: #d0d0d0;
}
.category-button-content {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.category-button-text {
white-space: nowrap;
}
.category-button-icon {
font-size: 14px;
transition: transform 0.3s ease;
}
.custom-category-button:hover .category-button-icon {
transform: translateX(3px);
} .category-button-container {
text-align: center;
width: 100%;
}