.how-order
{
    padding: 64px 0;
}

.how-order__inner h2
{
    margin-bottom: 32px;
}

.how-order__list
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;

    list-style: none;
    padding: 0;
    margin: 0;
}

.how-order__card
{
    height: 100%;
    padding: 16px;
    border-radius: 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.how-order__card-header svg,
.how-order__card-header img
{
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}

.how-order__card-header img
{
    object-fit: contain;
}

.how-order__card-header svg path
{
    fill: #e53637;
}

.how-order__card-links
{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.how-order__card-links a
{
    transition: color .3s;
}

.how-order__card-links a:hover
{
    color: #e53637;
}

@media screen and (max-width: 620px)
{
    .how-order__list
    {
        grid-template-columns: repeat(1, 1fr);
    }
}