<style>
.hypertext{
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.context{
    font-size: 36px;
    font-weight: bold;
}
#buttons{
    background: #ccc;
    display: flex;
    justify-content: space-between;
}
</style>

<form>
    <input id="price" name="price" type="hidden" value="{{ total }}"/>
    <input type="radio" name="browser" onclick="myFunction(this.value)" value="10.00">Kurier Inpost - 20 zł<br>
    <input type="radio" name="browser" onclick="myFunction(this.value)" value="40.00">Poczta Polska - 40 zł<br>
    <input type="radio" name="browser" onclick="myFunction(this.value)" value="30.00">Kurier - 30 zł<br>
    <input type="radio" name="browser" onclick="myFunction(this.value)" value="200.00">Dostawa z większymi gabarytami - 200 zł<br>
    <br>
    <p class="hypertext">Razem do zapłaty:
        <span id="result" class="context"> {{ total }} zł </span>
    </p>

    <div id="buttons">
        <div><a href="{% url 'Home' %}" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Powrót</a></div>
        <div><input type="submit" class="btn btn-primary btn-lg active positions"  value="Zapłać"></div>
    </div>

</form>

<br>
<br>