.pd-login-button-wrap {
	padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pd-login-button-wrap .button {
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}
.pd-error {
	font-size: 16px;
	margin: 1rem auto !important;
	max-width: 400px;
	background-color: #fff3f2;
	border: 1px solid #f44336;
	padding: 0.5rem 1.5rem;
	color: #f44336;
	text-align: center;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.pd-login-box-wrap .pd-error {
	padding: 1rem;
}
.pd-error > svg {
	margin-right: 0.5rem;
	width: 20px;
	height: 20px;
}