/* Payage 5.00 */

/* Responsive buttons */

div.pg-pay-btn-container {min-width:190px;container-type:inline-size}
button.pg-pay-btn {cursor:pointer;border:1px solid #ccc;border-radius:4px;height:55px;width:100%;
min-width:50px;max-width:750px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;font-weight:500;
text-align:center;white-space:nowrap;overflow:hidden}
button.pg-pay-btn img {display:inline-block;vertical-align:middle;margin:0 5px;height:36px;background:transparent;border:none}
button.pg-pay-btn span {vertical-align:middle}
@media (hover:hover) {button.pg-pay-btn:hover {filter: brightness(0.9)}}
@container (max-width:500px) {button.pg-pay-btn {height:45px;font-size:19px} button.pg-pay-btn img {height:32px}}
@container (max-width:400px) {button.pg-pay-btn {height:45px;font-size:18px} button.pg-pay-btn img {height:26px}}
@container (max-width:300px) {button.pg-pay-btn {height:36px;font-size:16px} button.pg-pay-btn img {height:24px}}
@container (max-width:250px) {button.pg-pay-btn {height:35px;font-size:14px} button.pg-pay-btn img {height:22px}}

button.pg-colour-black {background-color:black;border:1px solid black;color:white}
button.pg-colour-white {background-color:white;border:1px solid #ccc;color:black}
button.pg-colour-grey {background-color:#dedede;border:1px solid #ccc;color:black}
button.pg-colour-darkcyan {background-color:darkcyan;border:1px solid #ccc;color:white}
button.pg-colour-lightcyan {background-color:lightcyan;border:1px solid #ccc;color:black}
button.pg-colour-blue {background-color:#1565C0;border:1px solid #ccc;color:white}
button.pg-colour-red {background-color:#e34448;border:1px solid #ccc;color:white}
button.pg-colour-yellow {background-color:#ffc43a;border:1px solid #ccc;color:black}
button.pg-colour-orange {background-color:#f39331;border:1px solid #ccc;color:white}
button.pg-colour-gold {background-color:#C39B00;border:1px solid #ccc;color:white}
button.pg-colour-green {background-color:#215d24;border:1px solid #ccc;color:white}
button.pg-colour-brown {background-color:#844a1f;border:1px solid #ccc;color:white}

/* button layouts */

.pg-btn-inline {display:inline-block;margin:5px;vertical-align:top}
table.pg-btn-tbl td  {padding:5px}

div.pg-btn-table     {display:table;width:100%}
div.pg-btn-row       {display:table-row}
div.pg-btn-left      {display:table-cell;vertical-align:top;width:50%;padding:10px 2% 10px 0;text-align:right}
div.pg-btn-right     {display:table-cell;vertical-align:top;width:50%;padding:10px 0 10px 2%}
@media screen and (max-width:600px) { 
    div.pg-btn-row   {display:block}
	div.pg-btn-left  {display:block;text-align:center;width:100%;padding:10px 0 10px 0}
	div.pg-btn-right {display:block;text-align:center;width:100%;padding:10px 0 10px 0}
}

div.pg-btn-box form  {margin:0;padding:0}
div.pg-btn-box-desc  {font-family:Verdana;font-size:13px;font-weight:normal;background-color:white;padding:4px;margin-bottom:5px}
div.pg-btn-box-outer {display:flex;flex-wrap:wrap;margin-bottom:10px}
div.pg-btn-box-3     {width:calc((100% / 3) - 10px);box-sizing:border-box;margin:10px 5px;padding:7px}
div.pg-btn-box-2     {width:calc((100% / 2) - 10px);box-sizing:border-box;margin:10px 5px;padding:7px}
@media (max-width: 1000px) {
    div.pg-btn-box-3 {width:calc((100% / 2) - 10px)}