#sq-apple-pay {
    width: 150px;
    height: 48px;
    padding: 0;
    margin: 13px 0 4px;
    background-image: url(../img/apple-pay.png);
    background-color: black;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    display: none;
}

.sq-masterpass {
    width: 150px;
    height: 48px;
    padding: 0;
    margin: 13px 0 4px;
    background-image: url(../img/masterpass-logo.png);
    background-color: black;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    display: none;
}

.sq-masterpass::after {
    box-sizing: border-box;
    width: 32px;
    height: 48px;
    padding-top: 12px;
    content: url("data:image/svg+xml; utf8, <svg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'><path d='M1.891 23.485c-.389 0-.778-.144-1.075-.436a1.46 1.46 0 0 1 0-2.102l9.141-8.944L.817 3.06a1.463 1.463 0 0 1 0-2.104 1.544 1.544 0 0 1 2.15 0l10.217 9.994a1.464 1.464 0 0 1 0 2.105L2.966 23.049a1.525 1.525 0 0 1-1.075.436' fill='#FFF' fill-rule='evenodd'/></svg>");
    background-color: #E6761F;
    border-radius: 0 4px 4px 0;
}

.button-google-pay {
    width: 150px;
    height: 48px;
    padding: 0;
    margin: 13px 0 4px;
    background-color: #000;
    background-image: url(../img/google-pay.png);
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    display: none;

}


#sq-walletbox {
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
    height: 123px;
    display: none;
}

#sq-walletbox-divider {
    height: 24px;
    margin: 24px 0 24px;
    color: #CCC;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#sq-walletbox-divider-label {
    padding: 0 24px;
    background-color: #FFF;
}

#sq-walletbox-divider hr {
    margin-top: -12px;
}

#error {
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
    color: red;
    font-weight: 500;
    text-align: center;
    opacity: 0.8;
}