/* Твоя фирменная синяя кнопка для любых мест на сайте */
/* 1. Убираем фон и тень с внешней коробки WordPress, чтобы не было "кнопки в кнопке" */
.wp-block-button.my-custom-blue-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Применяем всю красоту к самой кнопке ВНУТРИ этого блока (а также к обычным тегам a и button на всякий случай) */
.wp-block-button.my-custom-blue-btn .wp-block-button__link,
a.my-custom-blue-btn,
button.my-custom-blue-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    color: #6B7280 !important;
    border: 2px solid #6B7280 !important;
    border-radius: 10px !important; /* Твое стандартное скругление */
    padding: 5px 10px !important; /* Универсальные отступы для текста */
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    transition: background-color 0.2s, box-shadow 0.2s !important;
}

/* 3. Эффект при наведении */
@media (hover: hover) {
.wp-block-button.my-custom-blue-btn .wp-block-button__link:hover,
a.my-custom-blue-btn:hover,
button.my-custom-blue-btn:hover {
    background-color: #E6E9ED !important;
		border-color: #202124 !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
    color: #202124 !important;
    text-decoration: none !important;
}
}

.wp-block-button.my-custom-blue-btn .wp-block-button__link:focus {
    background-color: #E6E9ED !important;
		border-color: #202124 !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0) !important;
    color: #202124 !important;
    text-decoration: none !important;
}

.wp-block-button.my-custom-blue-btn.is-clicked,
a.my-custom-blue-btn.is-clicked,
button.my-custom-blue-btn.is-clicked {
    pointer-events: none !important;
    box-shadow: none !important;
    filter: brightness(0.8) !important;
}
