*{box-sizing:border-box!important}
.conditional-button{display:inline-block!important;position:relative!important}
.cb-trigger{
  cursor:pointer!important;
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:0!important;
  font-weight:400!important;
  font-family:'Poppins', sans-serif!important;
  font-size:14px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  line-height:1!important;
  padding:0!important;
}

/* SOLID */
.btn-solid.cb-trigger{
  background:#C6D312!important;
  color:#000!important;
  width:auto!important;
  padding:14px 48px!important;
  min-height:44px!important;
  justify-content:center!important;
  transition:filter .12s ease!important;
}
.btn-solid.cb-trigger:hover{filter:brightness(1.06)!important}

/* GHOST width now 200px */
.btn-ghost.cb-trigger{
  width:200px!important;
  height:42px!important;
  background:#313A42!important;
  color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  padding:0 10px!important;
  justify-content:center!important;
  transition:background-color .45s ease!important,color .45s ease!important,transform .2s ease!important;
}
.btn-ghost.cb-trigger::after{
  content:'›'!important;
  font-size:18px!important;
  margin-left:6px!important;
  transition:transform .28s ease!important;
  color:inherit!important;
}
.btn-ghost.cb-trigger:hover{
  background:#C6D312!important;
  color:#000!important;
  transform:translateY(-1px)!important;
}
.btn-ghost.cb-trigger:hover::after{transform:translateX(6px)!important}

.cb-text{font-size:14px!important;color:inherit!important}
