.cost__content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

@media (min-width: 576px) {
    .cost__content {
        flex-direction: row;
    }
}

.cost__item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-grow: 1;
    border: 2px solid var(--blue-color);
    background-color: var(--light-color);
    border-radius: 20px;
    padding: 20px;
    transition: .15s;
}

@media (min-width: 425px) {
    .cost__item {
        padding: 34px 45px;
    }
}

@media (min-width: 576px) {
    .cost__item {
        width: calc((100% / 2) - 20px);
        padding: 20px;
    }
}

@media (min-width: 992px) {
    .cost__item {
        width: calc((100% / 3) - 20px);
    }
}

@media (min-width: 1200px) {
    .cost__item {
        width: calc((100% / 3) - 40px);
        padding: 34px 45px;
    }
}

.cost__item:hover {
    border: 2px solid var(--blue-color);
    transition: .15s;
    transform: translateY(-5px);
    box-shadow: 0 2px 12px rgba(45, 60, 100, .05), 0 4px 32px rgba(45, 60, 100, .05);
}

.cost__item h3 {
    text-transform: uppercase;
}

.cost__item--fire h3 {
    padding-left: 23px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath style='fill:%23FF6536;' d='M54.211,249.7c0,0,20.228,29.717,62.624,54.871c0,0-30.705-259.502,169.358-304.571 c-51.257,188.121,65.2,241.174,107.651,141.786c70.893,94.651,17.066,177.229,17.066,177.229 c29.069,4.188,53.487-27.57,53.487-27.57c0.218,3.912,0.34,7.851,0.34,11.818C464.738,418.545,371.283,512,256,512 S47.262,418.545,47.262,303.262C47.262,284.744,49.686,266.794,54.211,249.7z'/%3e%3cpath style='fill:%23FF421D;' d='M464.398,291.445c0,0-24.418,31.758-53.487,27.57c0,0,53.827-82.578-17.066-177.229 C351.394,241.174,234.937,188.121,286.194,0C275.479,2.414,265.431,5.447,256,9.018V512c115.283,0,208.738-93.455,208.738-208.738 C464.738,299.295,464.616,295.357,464.398,291.445z'/%3e%3cpath style='fill:%23FBBF00;' d='M164.456,420.456C164.456,471.014,205.442,512,256,512s91.544-40.986,91.544-91.544 c0-27.061-11.741-51.379-30.408-68.138c-35.394,48.085-85.832-24.856-46.524-78.122 C270.612,274.196,164.456,287.499,164.456,420.456z'/%3e%3cpath style='fill:%23FFA900;' d='M347.544,420.456c0-27.061-11.741-51.379-30.408-68.138c-35.394,48.085-85.832-24.856-46.524-78.122 c0,0-5.768,0.725-14.612,3.516V512C306.558,512,347.544,471.014,347.544,420.456z'/%3e%3c/svg%3e");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 22px;
}

.cost__item ul li {
    font-size: 1rem;
}

.cost__item ul li:not(:last-child) {
    margin-bottom: 10px;
}

.cost__item .disabled {
    color: rgb(78 78 78 / 60%);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 8 8' fill='%23ff4019'%3e%3cpath d='M7.763 2.095L5.845 4.014l1.9 1.9c.34.339.34.89 0 1.23l-.615.615a.87.87 0 0 1-1.23 0L4 5.859l-1.9 1.9a.87.87 0 0 1-1.23 0l-.616-.616a.868.868 0 0 1 0-1.23l1.9-1.9L.237 2.096a.87.87 0 0 1 0-1.23L.852.25c.34-.34.89-.34 1.23 0L4 2.168 5.918.25c.34-.34.89-.34 1.23 0l.615.615c.34.34.34.89 0 1.23z'/%3e%3c/svg%3e");
    text-decoration: line-through;
}

.cost__item span mark, .cost__list mark {
    color: var(--red-color);
    font-weight: bold;
}

.cost__item .discount {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: auto;
}

.cost__item .discount span {
    display: inline-block;
    margin-left: -5px;
    color: var(--red-color);
    font-size: 1.125rem;
    font-weight: 400;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='16' viewBox='0 0 21 16' fill='%23ff4019'%3e%3cpath d='M20.998 6.55v3.44a1 1 0 1 1-2 0V7.13l-2 1.12v4.74a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3V8.25L.508 6.87a1 1 0 0 1 0-1.74l9-5h.11c.065-.027.132-.046.2-.06h.37c.066.014.13.033.19.06h.11l9 5 1 .55a1 1 0 0 1 .51.87zm-6 2.81l-4.51 2.5a.456.456 0 0 1-.15.06h-.09a.987.987 0 0 1-.25 0 .986.986 0 0 1-.25 0h-.09l-.15-.06-4.51-2.5v3.63a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1zm1.94-3.37l-6.94-3.86-6.94 3.86 6.94 3.86z'/%3e%3c/svg%3e");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 28px;
}

.cost__item .old-value {
    padding-left: 25px;
    color: var(--red-color);
    font-size: 1.125rem;
    text-decoration: line-through;
}

.cost__item .new-value {
    padding-left: 25px;
    font-weight: 700;
}

.cost__item .value {
    font-size: 2rem;
    padding-left: 23px;
}

.cost__item .order {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    padding: 15px 25px;
    overflow: hidden;
    border-radius: 100px;
    width: 100%;
}

.cost__item .order span,
.cost__item .order svg {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.cost__item .order svg {
    width: 20px;
    height: 100%;
    fill: var(--light-color);
}

.cost__item .order span {
    color: var(--light-color);
    font-size: .875rem;
}

.cost__item .order::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to left, #ffa127 0, #f20c46 100%);
    transition: opacity .15s;
}

.cost__item .order::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #ea041c 0, #ff1d05 100%);
    transition: opacity .15s;
    opacity: 0;
}

.cost__item .order:hover::after {
    opacity: 1;
    transition: opacity 0.3s;
}