Override Bootstrap Styles

style.css

/*
Put this CSS in a file that loads after the bootstrap.css
Eg. Inside wp-checkout/views/bootstrap/style.css
Start each Bootstrap class you want to override with .checkout ...

This example will remove the rounded corners from the button.
It will make the button pink with black text.
And on hover, active or focus the button will be red with white text
*/ 

.checkout .btn {
	border-radius: 0;
}

.checkout .btn-primary {
	background: pink;
	border: pink;
	color: black;
}

.checkout .btn-primary.active,
.checkout .btn-primary.focus,
.checkout .btn-primary:active,
.checkout .btn-primary:focus,
.checkout .btn-primary:hover {
	background: red;
	color: white;
}