Secure Checkout Button (with built in SVG lock!)

gistfile1.txt

<style>

button.Cart__Checkout {
  padding-left: 20px;
}

svg.checkout-lock {
  height: 20px;
  width: auto;
  margin-left: 0;
  margin-right: 15px;
}

button.Cart__Checkout:hover svg.checkout-lock path {
  fill: #000;
}


</style>

<button type="submit" name="checkout" class="Cart__Checkout Button Button--primary Button--full"><svg xmlns="http://www.w3.org/2000/svg" class="checkout-lock" viewBox="0 0 121.9 148.1"><style>.a{fill:#FFF;}</style><path d="M116.7 54.4c-3.9-4.4-9.4-6.7-15.1-6.7h-6.9V33.8C94.8 15.1 79.6 0 60.9 0S27.1 15.1 27.1 33.8v13.7h-6.9c-5.8 0-11.2 2.5-15.1 6.7 -3.9 4.4-5.6 10-5 15.7l6.7 60c1.1 10.3 9.8 18.1 20.1 18.1h68.1c10.3 0 19-7.8 20.1-18.1l6.5-59.9C122.4 64.4 120.6 58.6 116.7 54.4zM35.8 33.8c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v13.7H35.8V33.8zM113.2 69.2l-6.7 60c-0.6 5.9-5.6 10.3-11.5 10.3H26.8c-5.9 0-10.8-4.4-11.5-10.3L8.5 69.2c-0.3-3.3 0.6-6.5 2.8-8.9 2.2-2.5 5.3-3.9 8.6-3.9h81.4c3.3 0 6.4 1.4 8.6 3.9C112.5 62.7 113.5 65.8 113.2 69.2z" class="a"/><path d="M60.9 72.7c-8.4 0-15.4 6.9-15.4 15.4 0 7 4.7 12.8 11.1 14.7v16.1c0 2.3 2 4.4 4.4 4.4s4.4-2 4.4-4.4v-16.1c6.4-1.9 11.1-7.6 11.1-14.7C76.4 79.5 69.3 72.7 60.9 72.7zM60.9 94.6c-3.6 0-6.7-3-6.7-6.7 0-3.6 3-6.7 6.7-6.7 3.6 0 6.7 3 6.7 6.7C67.6 91.7 64.5 94.6 60.9 94.6z" class="a"/></svg><span>{{ 'cart.general.checkout' | t }}</span></button>