.sznl-button-box {
width: 100%;
text-align: center;
margin-top: 15px;
}
.sznl-text-divider {
margin-bottom: 15px;
display: flex;
align-items: center;
--sznl-text-divider-gap: 1rem;
}
.sznl-text-divider::before,
.sznl-text-divider::after {
content: '';
height: 1px;
background-color: #8c8f94;
flex-grow: 1;
}
.sznl-text-divider::before {
margin-right: var(--sznl-text-divider-gap);
}
.sznl-text-divider::after {
margin-left: var(--sznl-text-divider-gap);
}
.sznl-text-error {
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
color: #CC0000;
}
.sznl-button-template.sznl-template-basic {
display: inline-block;
width: auto;
}
.sznl-button-template .sznl-template-default-3 .sznl-button,
.sznl-button-template .sznl-template-default-4 .sznl-button {
box-shadow: 2px 2px 4px #d7d7d7;
}
.sznl-button-template .sznl-button {
width: 215px;
height: 40px;
background-color: #CC0000;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 8px 10px;
box-sizing: border-box;
line-height: 16px;
font-size: 14px;
border-radius: 4px;
border: 2px solid #CC0000;
position: relative;
cursor: pointer;
display: inline-block;
}
.sznl-button-template .sznl-button:hover {
box-shadow: 2px 2px 4px #b5b5b5 !important;
}
.sznl-button-template .sznl-button .sznl-button-icon {
text-align: center;
display: block;
width: 24px;
height: 16px;
margin-right: 14px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sznl-button-template .sznl-button .sznl-button-icon svg {
width: 16px;
height: 16px;
}
.sznl-button-template .sznl-button .sznl-button-text {
text-align: center;
width: calc(100% - 20px);
margin-left: 10px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}