.pins--item {
    display: flex;
    max-width: 155px;
    padding: 16px 0;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.pins--item p {
    margin: 0;
}

.pins--first-line p {
    color: var(--color-primary);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%; /* 36px */
    padding: 8px;
}

.pins--second-line p {
    color: var(--color-primary);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
}

@media all and (min-width: 1000px) {
    .pins--item {
        padding: 32px 16px;
        flex: 1 0 0;
        max-width: 256px;
    }

    .pins--first-line p {
        font-size: 48px;
    }

    .pins--second-line p {
        color: var(--color-dark);
    }
}