.access-container-com {
 max-width: 95%;
 margin: 0 auto;
 font-family: Arial, sans-serif;
 text-align: center;
}
 
 
/* ========================================
 СТИЛЬ КНОПКИ КАТЕГОРИИ - ДОРАБОТАННАЯ ВЕРСИЯ
======================================== */

/* Контейнер для кнопок - выстраивает в ряд */
.category-button-container {
 display: flex;
 align-items: center;
 gap: 8px;
 flex-wrap: wrap;
 margin: -15px 0 15px 0; /* отрицательный отступ поднимает к смайликам */
 width: auto !important;
}

.category-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 6px 14px;
 background: #fff;
 color: #4a4a4a;
 border: 1px solid #e0e0e0;
 border-radius: 80px;
 font-size: 16px;
 font-weight: 500;
 line-height: 22px;
 text-transform: lowercase;
 text-decoration: none;
 transition: all 0.2s ease-in-out;
 cursor: pointer;
 white-space: nowrap;
 width: auto; /* растягивается по содержимому */
 min-width: fit-content;
}

.category-button:hover {
 background: #151515;
 color: #fff;
 border-color: #151515;
}

/* Темный вариант */
.category-button.dark {
 background: #151515;
 color: #fff;
 border-color: #151515;
}

.category-button.dark:hover {
 background: #333;
 border-color: #333;
}

/* Акцентный вариант */
.category-button.accent {
 background: #fff;
 color: #507fff;
 border-color: #507fff;
}

.category-button.accent:hover {
 background: #507fff;
 color: #fff;
}

/* Мобильная адаптация */
@media only screen and (max-width: 576px) {
 .category-button {
 font-size: 14px;
 padding: 5px 12px;
 line-height: 20px;
 }
 
 .category-button-container {
 margin: -20px 0 15px 0; /* еще ближе на мобильном */
 gap: 6px;
 }
}