fallus

.item-data > .price {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

themeButton.value = (themeButton.value === "Темная тема") ? "Светлая тема" : "Темная тема";

<input type="button" value="Темная тема" class="themeButton">

<button type="button" class="themeButton" data-light-text="Темная тема" data-dark-text="Светлая тема"></button>

.themeButton::before {
  content: attr(data-dark-text)
}
body.darkTheme .themeButton::before {
  content: attr(data-light-text)
}

const quizContainer = document.getElementById('quiz');
const resultsContainer = document.getElementById('results'); 
const submitButton = document.getElementById('submit');
const myQuestions = [ { question: "Who invented JavaScript?", answers: { a: "Douglas Crockford", b: "Sheryl Sandberg", c: "Brendan Eich" }, correctAnswer: "c" }, { question: "Who can help us?", answers: { a: "Noone", b: "Specialists", c: "Youself" }, correctAnswer: "b" }, { question: "Which language can you use to write it?", answers: { a: "PHP", b: "Java Script", c: "CSS"}, correctAnswer: "b" } ]; 

const previousButton = document.getElementById("previous"); 
const nextButton = document.getElementById("next");

const slides = document.querySelectorAll(".slide");

.gallery__item {
  font-size: 0
}

/* Все дочерние элементы этого flex-блока, которые находятся на одной горизонтали, становятся одной высоты  */
.single-post__prod{ align-items: stretch; }

/* Карточка товара становится Флексом, в колонку. Чтобы можно было позиционировать её дочерние элементы */
.single-post__prod-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.single-post__prod-item > * { width: 100% } /* все дочерние элементы чтобы были во всю ширину */

.single-post__prod-item img {
    margin: 0 auto; /* заменил margin: auto */
}

.single-post__prod-weight,
.single-post__pricing{
margin-top: auto; /* Делаем так, чтобы этот блок и все блоки, которые ниже него, были прилеплены книзу */
}

.single-post__prod-weight + .single-post__pricing{
margin-top: 0; /* Если существует single-post__prod-weight, то у single-post__pricing margin-top убираем  */
}

.myBlock{
--myColor1: red;
--myColor2: green
}

.myBlock:hover{
--myColor1: blue;
--myColor2: aqua
}