.products.wrapper.grid .product-item-inner .stock.unavailable {
    background: rgb(0 0 0 / 80%);
    padding: 4px 5px;
    position: relative;
    top: -7px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
.page-products .products-grid .product-item .product-item-info .product.actions.product-item-actions a:hover {
    text-decoration: none;
}

@media all and (min-width:960px) and (max-width: 1024px) {
    .products.wrapper.grid .product-item-inner .stock.unavailable {
        font-size: 10px;
    }
}

@media all and (min-width:801px) and (max-width: 959px) {
    .products.wrapper.grid .product-item-inner .stock.unavailable {
        font-size: 10px;
    }
}

@media all and (min-width:769px) and (max-width: 800px) {
    .products.wrapper.grid .product-item-inner .stock.unavailable {
        font-size: 10px;
    }
}

@media all and (min-width:569px) and (max-width: 768px) {
    .products.wrapper.grid .product-item-inner .stock.unavailable {
        font-size: 10px;
    }
}

@media all and (min-width:481px) and (max-width: 568px) {
    .products.wrapper.grid .product-item-inner .stock.unavailable {
        font-size: 10px;
    }
}

@media all and (min-width:321px) and (max-width: 480px) {
    .products.wrapper.grid .product-item-inner .stock.unavailable {
        font-size: 10px;
    }
}

@media all and (min-width:0px) and (max-width: 320px) {
    .products.wrapper.grid .product-item-inner .stock.unavailable {
        font-size: 10px;
    }
}