Александр

Вариант без велосипедов.

.bl:last-child (Почему?)

button {
    background: #ff0000;
    border-radius: 11px;
    width: 100px;
    height: 35px;
    color: #ffffff;
    display: inline-block;
    font: normal bold 16px/35px "Open Sans", sans-serif;
    text-align: center;
}

Зачем трогать цвет автокомлита? Если столь мешает, можете попробовать перебить данное правило вкупе с !important.

radial-gradient?

UPD: Пример

По умолчанию поставить max-height: 300px, а при нажатии на кнопку установить большое число максимальной высоты, например max-height: 1200px. Анимировать через transition. Это самый простой вариант.

Вариант посложнее: создать ассоциативный массив (элемент -> максимальная его высота), например - Map и заполнять данный массив при загрузке страницы. Максимальную высоту, естественно, высчитывать. При изменении размеров окна пересчитывать максимальную высоту. При нажатии на элемент, брать его максимальную высоту и запоминать его текущую высоту. Менять текущую высоту на максимальную. При повторном нажатии вернуть сохраненную высоту.

Когда spread-radius у filter: drop-shadow сделают, можно будет отказаться от хака через ::after

Никакие другие свойства не меняет. Считайте что это позиционирование относительно блока.

В этом и фокус. Watch таски не завершаются, они выполняют таски, перечисленные вторым аргументом при изменении файлов наблюдения.

.line {
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, transparent, #333333, transparent);
}

https://www.toptal.com/designers/subtlepatterns/ta...

.tags-name {
  padding: 10px;
  white-space: nowrap;
}