.main-btns {
    gap: 0.5rem;
    flex-wrap: nowrap;
    flex-grow: 1;
}

.main-btns__btn {
    display: none;
    flex: 0 1 50%;
    max-width: 100%;
    height: 3.25rem !important;
    font-weight: 600 !important;
}

.main-btns__btn-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.9rem;
    stroke: var(--color__fill-2);
}

.main-btns__btn.--hot {
    background-color: transparent;
    box-shadow: inset 0rem 0rem 0rem 2px rgba(143, 104, 142, 0.32) !important;
}

.main-btns__btn.--hot:hover {
    background-color: #6B4E6B !important;
}

@media (max-width: 640px) {
    .main-btns {
        gap: 0.62rem;
        display: flex !important;
    }

    .main-btns__btn {
        height: 4rem !important;
    }

    .main-btns__btn {
        display: flex;
    }
    .main-btns__btn {
        font-size: 16px;
        font-style: normal;
        line-height: 16px;
    }
}