Anchor/lock a div to the bottom of a page - php

Question

I have a woo commerce website and I am using a plugin called 'print products pdf'. We wish to use this to print product data onto A6 cards that will be attached to the products in our showroom.
The data it pulls from the site is the brand logo, product title, the regular price and the sales price.
The regular price and the sales price however floats a set distance below the product title. If the product title is two lines big the prices are higher in the page. If the product title is 4 lines big than the prices are lower in the page.
I wish to remove this link and set the prices section to a set distance from the bottom of the page and lock it there. That way it doesn't matter how long the title is or anything else above it, it will be set a distance from the bottom and will not move.
Here are two examples, one with a short product title and one with a long title - see how the prices are in a different location? I wish to set them in the location they are in the second example (lower down the page):
https://simsgardenmachinery.co.uk/product/stihl-ap-500-s-battery/?print-products=pdf
https://simsgardenmachinery.co.uk/product/stiga-park-500-w-out-front-ride-on-with-100cm-qf-electric-lift-deck/?print-products=pdf
Please see below css code. I am not a coder but have a loose understanding so as much info on what to change/where will be greatly appreciated.
Thank you!
Here is the css code that is edited in 'Theme file editor'
<?php
add_filter('woocommerce_print_products_mpdf_config', function($config) {
$config['format'] = 'A6';
return $config;
}, 10, 1);
add_filter('woocommerce_print_products_product_final_html', function($html, $product_id, $data) {
$product = wc_get_product($product_id);
if(!$product) {
return 'product not found';
}
$brand = $product->get_attribute('pa_brand');
$brandImageUrl = false;
if($brand) {
$brandTerm = get_term_by('name', $brand, 'pa_brand');
if($brandTerm && isset($brandTerm->term_id)) {
$brandTermImage = get_term_meta($brandTerm->term_id, 'image', true);
if(isset($brandTermImage['url']) && !empty($brandTermImage['url'])) {
$brandImageUrl = $brandTermImage['url'];
} elseif(!empty($brandTermImage)) {
$brandImageUrl = $brandTermImage;
}
}
}
if($brandImageUrl) {
$brandImage = '<img class="brand-image" src="' . $brandImageUrl . '" alt="">';
}
$productName = $product->get_name();
$productRegularPrice = strip_tags( wc_price( $product->get_regular_price() ) );
$productSalePrice = strip_tags( wc_price( $product->get_sale_price() ) );
$productShortDescription = $product->get_short_description();
$productQrCode = '<barcode class="qr-code" type="QR" size="0.5" code="' . $product->get_permalink() . '"></barcode>';
$html = '
<style>
.frame {
padding: 15px 20px;
font-size: 14px;
}
.brand-image-container {
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
width: 200px;
}
.product-name {
text-align: center;
font-size: 36px;
line-height: 35px;
font-weight: bold;
}
.product-name-container {
height: 200px;
padding-top: 30px;
}
.product-regular-price-container {
font-size: 22px;
}
.product-sale-price-container {
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.product-sale-price-title {
font-size: 34px;
line-height: 60px;
}
.product-sale-price {
font-size: 60px;
line-height: 30px;
color: #76af40;
}
.product-short-description table {
padding: 0;
}
.product-short-description td,
.product-short-description {
font-size: 12px;
line-height: 20px;
padding: 0;
text-align: left;
}
.product-regular-price-container {
text-align: center;
color: red;
}
</style>
<div class="frame">
<div class="brand-image-container">
' . $brandImage . '
</div>
<div class="clear"></div>
<div class="product-name-container">
<h1 class="product-name">' . $productName . '</h1>
</div>
<div class="product-regular-price-container">
RRP: ' . $productRegularPrice . '
</div>';
if(!empty($productSalePrice)) {
$html .= '
<div class="product-sale-price-container">
<div class="product-sale-price-title">
Sims Price
</div>
<div class="product-sale-price">
' . $productSalePrice . '
</div>
</div>';
}
$html .=
'</div>
<pagebreak></pagebreak>
<div class="frame">
<div class="qr-code-container">
' . $productQrCode . '
</div>
<div class="clear"></div>
<div class="product-name-container">
<h1 class="product-name">' . $productName . '</h1>
</div>
<div class="product-short-description-container">
<div class="product-short-description-title">Key Features:</div>
<div class="product-short-description">' . $productShortDescription . '</div>
</div>
</div>
';
return $html;
}, 10, 3);