li.product.navd-free-shipping-product {
    position: relative;
    /* Keep the badge's layer local to its card, below navigation and dialogs. */
    z-index: 0;
    isolation: isolate;
}
li.product.navd-free-shipping-product .navd-catalog-shipping-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 4;
    display: inline-block;
    max-width: calc(100% - 16px);
    box-sizing: border-box;
    padding: 6px 8px;
    border-radius: 2px;
    background: rgba(224, 0, 0, .8);
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    pointer-events: none;
}
@media (max-width: 480px) {
    li.product.navd-free-shipping-product .navd-catalog-shipping-badge {
        top: 6px;
        right: 6px;
        max-width: calc(100% - 12px);
        padding: 5px 6px;
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    li.product a.button.navd-catalog-action,
    li.product a.button.navd-catalog-action:hover {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        max-width: 100%;
        min-height: 34px;
        height: auto !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        white-space: normal;
        text-align: center;
    }
}