Матвей Мамонов

let e = document.querySelector(".cart-full-mobile-buttons #send_button");
e.addEventListener("click", (event) => {e.disabled = true});

Стоит сохранить изначальный размер в пикселях в отдельную переменную, а потом каждый раз увеличить на значение этой переменной.

Или это позволяет в одном файле использовать и .css и .scss?

Это однозначно нет.

Ведь компилироваться все равно будет в него.

А это однозначно да.

Вероятно, приблуды инструмента, который вы используете (или верстальщика, который ранее писал эти файлы, смотря откуда они у вас)

Я вижу 2 варианта:
1 (более гуманный). Объединить блок с текстом и к картинкой в еще один тег и уже ему присвоить фон.
2 (может не подойти под конкретную задачу). Использовать float: left для надписи Golden.

И вообще да, дайте код.

Плюсую посту выше. Писать отдельные стили под мобильные устройства.
Это надо делаь в любом случае, ибо сейчас решите проблему с :hover, а потом столкнетесь с такими, которые никак кроме отдельных стилей решить не удастся.

clip-path?
canvas?

UPD

А скрипт вы вешаете на элемент? Или на after и before элемента (на треугольник)?

Linux имеет смысл изучать всем.

Можно попробовать сделать один div с нижней границей точечками (dotted).
С левой его стороны наложить span со словом, а с правой - со значением.

<div>
    <span>Игровой жанр</span>
    <span>Action</span>
</div>

div {
border-bottom: 1px dotted #000;
}

span:first-of-type {
float: left;
}

span:last-of-type {
float: right;
}

Попользовался SASS'ом (а именно SCSS'ом).
Во-первых, ужасно намучался с использованием оного.
Под виндой работать не хотел наотрез.
Только с костылями и Compass'ом принялся работать под Ubuntu.

Во-вторых, это то же самое, что и учить новый язык.
Честно, единственный (!) плюс, который я нашел в использовании этих препроцессоров - это то, что можно использовать переменные. И всё.
Все остальное вам вряд ли понадобится, если вы уже пишете ровный код.

Лучше вместо того, чтобы учить тот же SASS, выучите CSS. Серьезно, куда больше толку будет.

В нем (обычном CSS) на самом деле куда больше возможностей, чем Вам кажется.
А препроцессор Вам сильно жизнь не упростит.

Знаю, все равно попробуете хоть один препроцессор, даже несмотря на мой ответ.

Потому что в hover transition не нужно снова указывать.

Ничего не происходит при height: 100% потому, что 100% берется от содержимого этого блока. Специально для таких случаев как у Вас ввели единицы измерения vh.
Попробуйте
height: 100vh;

Мне, почему-то, сразу пришла в голову мысль сделать большую доску, которую грабом мыши (пальца) листать влево-вправо. А на больших экранах вместить всю.
Согласен, не гениально. Просто то, как бы попытался сделать я.

Ну если задача именно такова, то, по идее, у body должен быть position: relative;, а у остальных элементов (которые относительно body должны размер иметь) position: absolute;.

По идее, задача решается таким образом, но она приведет к некоторым побочным эффектам.

snabbt.js

Но ведь не все поисковики используют keywords, насколько я знаю.

Если заранее известен цвет фона, то можете попробовать наложить наверх простой блок с фоном, как у фона страницы и просто его повернуть:
transform: rotate(10deg);

overflow: auto;

Пробовали?