.simple-button-md {
  --_container-height: 52px;
  --_radius: 10px;
  --_bg: #7C3AED; /* near-black */
  --_bg-contrast: #7C3AED;
  color: #fff;
  position: relative;
  display: inline-block;
  min-height: var(--_container-height);
  border-radius: var(--_radius);
  padding: 0 20px;
  background: var(--_bg);
  font-weight: 700;
  border: 0px !important;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}

.simple-button-md:hover{
  background-color: #4D18A9;
}

.simple-button-md:active { transform: translateY(0); }
.simple-button-md:disabled { opacity: 0.6; cursor: default; pointer-events: none; }

.simple-button-md .zeryx-btn-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; }
.simple-button-md .zeryx-btn-icon svg { width:20px; height:20px; display:block; }
.simple-button-md .zeryx-btn-brand { position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:12px; opacity:0.85; color:rgba(255,255,255,0.9); }
.simple-button-md .zeryx-btn-label { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); display:block; text-align:center; pointer-events:none; }

.simple-button-md.zeryx-full, .simple-button-md[data-fullwidth="1"] { display:block; width:100%; }

.zeryx-card-logos { margin-top:10px; display:flex; gap:8px; align-items:center; justify-content:center; flex-direction: row; }
.zeryx-card-logos .zeryx-card { width:44px; height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:6px; box-shadow: 0 2px 6px rgba(0,0,0,0.18); }
.zeryx-card-logos .zeryx-card svg { width:100%; height:100%; display:block; }

.zeryx-sdk-button-container { 
  display: flex;
  flex-direction: column;
  margin: 0px auto;
  margin-top: 15px;
  width: 75%;
  margin-bottom: 25px;
}

.separator {
    display: flex;
    align-items: center;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.separator .line {
    background-color: #E3E5E8;
    flex: 1;
    height: 1px;
}
.separator span {
    color: #6b6f75;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1px;
}