Чтобы отключить кнопку с помощью CSS, вы можете использовать различные методы. Вот несколько подходов:

1. Использование свойства pointer-events:

   .disabled-button {
    pointer-events: none;
   }

2. Установка атрибута disabled:

   .disabled-button[disabled] {
    /* CSS styles for the disabled button */
   }

3. Применение пользовательского стиля, чтобы указать, что кнопка отключена:

   .disabled-button {
    /* CSS styles for the disabled button */
   }
   .disabled-button:hover {
    cursor: not-allowed;
   }

4. Изменение внешнего вида кнопки с помощью opacity:

   .disabled-button {
    opacity: 0.5; /* Adjust the value as desired */
   }

5. Замена кнопки на элемент, не являющийся кнопкой:

   <span class="disabled-button">Disabled Button</span>

6. Добавление класса disabledк кнопке:

   <button class="disabled">Disabled Button</button>

7. Использование псевдокласса :disabled:

   button:disabled {
    /* CSS styles for the disabled button */
   }

Эти методы можно комбинировать или адаптировать в соответствии с вашими конкретными требованиями.