/**
 * Style border-only-button
 * */

.border-only-button {
}
.border-only-button {
}
.border-only-button {
}
.border-only-button {
}

/**
 * slidinging gradient-filled
 * */

/**
 * slidinging-gradintent-outlined
 * */

/**
 * slidinging gradient-filled
 * */

body.cx.cx_zico .cx_btn,
body.cx.cx_zico .cx_btn_el a {
  padding: 8px 12px;
  display: inline-block;
  font-size: 0.875rem;
  font-family: inter;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border: none;
  outline: none;
  text-decoration: none;
  border-radius: var(--cx-btn-radius);
  cursor: pointer;
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.cx_btn .cx-custom-currency,
.cx_btn .cx_fn_feeling_lucky {
  display: flex;
  align-items: center;
}

/*primary*/
body.cx.cx_zico .cx_btn.cx_btn_primary,
body.cx.cx_zico .cx_btn_el.cx_btn_primary a {
    align-self: flex-start;
    padding: 10px 16px;
    font-size: 0.875rem;
    border-radius: 8px;
    background-color: var(--brand-primary-50) !important;
    border:1px solid var(--brand-primary-50);
    color: var(--white-50);
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
    margin-top: auto;
}

body.cx.cx_zico .cx_btn.cx_btn_primary:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_primary a:hover {
  border-color: var(--brand-primary-50);
  background-color: transparent !important;
  color: var(--brand-primary-50) !important;
  fill: var(--brand-primary-50) !important;
}

/* primary gradient */
body.cx.cx_zico .cx_btn.cx_btn_primary_gradient,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_gradient a {
  background-image: var(--cx-primary-gradient);
  color: var(--e-btn-color);
  transition: all 0.2s ease-in;
}

/* primary outline */

body.cx.cx_zico .cx_btn.cx_btn_primary_outline,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_outline a{

  background-color: transparent;
  color: var(--brand-primary-50);
  border: 1px solid var(--brand-primary-50);
  padding: 10px 16px;
  font-size: 0.875rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.2s ease-in;

}

body.cx.cx_zico .cx_btn.cx_btn_primary_outline i,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_outline a i {
  color: var(--brand-primary-50);
  transition: all 0.2s ease-in;
}

body.cx.cx_zico .cx_btn.cx_btn_primary_outline svg,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_outline a svg {
  fill: var(--brand-primary-50);
  transition: all 0.2s ease-in;
}

body.cx.cx_zico .cx_btn.cx_btn_primary_outline:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_outline a:hover {
  background-color: var(--brand-primary-50);
  color: var(--white-50);
}

body.cx.cx_zico .cx_btn.cx_btn_primary_outline:hover i,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_outline a:hover  i {
  color: var(--white-50);
}

body.cx.cx_zico .cx_btn.cx_btn_primary_outline:hover svg,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_outline a:hover svg {
  fill: var(--white-50);
}

/* outline primary */
body.cx.cx_zico .cx_btn.cx_btn_primary_outline_round {
  background-color: transparent;
  color: var(--e-primary);
  border: 2px solid var(--e-primary);
  border-radius: var(--cx-radius-xl);
  font-size: 0.8em;
  display: block;
  transition: all 0.2s ease-in;
}

.cx_btn.cx_btn_primary_outline_round:hover {
  background-color: var(--e-primary);
  color: var(--e-primary-complement-light);
}

/*btn-color white
btn-color-rev grey-black
btn-secondary white
btn-secondary-dark grey-white */

/* secondary */
body.cx.cx_zico .cx_btn.cx_btn_secondary,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary a {
  padding: 8px 10px;
  background-color: transparent;
  color: var(--text-54);
  transition: all 0.2s ease-in;
}

body.cx.cx_zico .cx_btn.cx_btn_secondary i,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary a i {
  color: #A4A7AE; 
  /* static color for now  */
}

body.cx.cx_zico .cx_btn.cx_btn_secondary:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary a:hover {
  background-color: var(--brand-primary-43);
}

/* secondary outline */
body.cx.cx_zico .cx_btn.cx_btn_secondary_outline,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_outline a {
  background-color: transparent;
  color: var(--text-54);
  border: 1px solid var(--grey-48);
  transition: all 0.2s ease-in;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 600;
  gap: 8px;
}

body.cx.cx_zico .cx_btn.cx_btn_secondary_outline i,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_outline a i {
  font-size: inherit;
  color: var(--grey-49);
  transition: all 0.2s ease-in;
}

body.cx.cx_zico .cx_btn.cx_btn_secondary_outline svg,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_outline a svg {
  fill: var(--grey-49);
  transition: all 0.2s ease-in;
}


body.cx.cx_zico .cx_btn.cx_btn_secondary_outline:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_outline a:hover {
  background-color: transparent;
  color: var(--accent-50) !important;
  border-color: var(--accent-50) !important;
}

body.cx.cx_zico .cx_btn.cx_btn_secondary_outline:hover svg,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_outline a:hover svg {
  fill: var(--accent-50);
}

body.cx.cx_zico .cx_btn.cx_btn_secondary_outline:hover i,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_outline a:hover i {
  color: var(--accent-50);
}

/* tertiary */

body.cx.cx_zico .cx_btn.cx_btn_tertiary,
body.cx.cx_zico .cx_btn_el.cx_btn_tertiary a {
  background-color: var(--white-50);
  color: var(--primary-50);
  transition: all 0.2s ease-in;
  padding: 12px;
  border:1px solid var(--grey-47);
  border-radius: 12px;
}

body.cx.cx_zico .cx_btn.cx_btn_tertiary:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_tertiary a:hover {
  /*background-color: var(--e-primary-dark) ;*/
  /*background-color: #51208e;*/
}

/* quinary */

body.cx.cx_zico .cx_btn.cx_btn_quinary,
body.cx.cx_zico .cx_btn_el.cx_btn_quinary a {
  background-color: var(--brand-secondary-50);
  color: var(--white-50);
  transition: all 0.2s ease-in;
  padding: 12.8px;
  border-radius: 12px;
  font-size: 22.4px;
}

body.cx.cx_zico .cx_btn.cx_btn_quinary:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_quinary a:hover {
  background-color: var(--brand-secondary-47) ;
  color: var(--brand-secondary-50);
}

/* senary */

body.cx.cx_zico .cx_btn.cx_btn_senary,
body.cx.cx_zico .cx_btn_el.cx_btn_senary a {
  background-color: var(--brand-secondary-47);
  color: var(--brand-secondary-50);
  transition: all 0.2s ease-in;
  padding: 12.8px;
  border-radius: 12px;
  font-size: 22.4px;
}

body.cx.cx_zico .cx_btn.cx_btn_senary:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_senary a:hover {
  background-color: var(--brand-secondary-50) ;
  color: var(--white-50);
}

/* simple */
body.cx.cx_zico .cx_btn.cx_btn_simple,
body.cx.cx_zico .cx_btn_el.cx_btn_simple a {
  padding: 12px;
  background-color: var(--white-50);
  color: var(--text-54);
}

body.cx.cx_zico .cx_btn.cx_btn_simple i,
body.cx.cx_zico .cx_btn_el.cx_btn_simple a i {
  margin-right: 5px;
}

body.cx.cx_zico .cx_btn.cx_btn_simple:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_simple a:hover {
  color: var(--brand-primary-50);
  transition: all 0.2s ease-in;
  background-color: var(--brand-primary-43);
}

body.cx.cx_zico .cx_btn.cx_btn_simple:hover i,
.cx_btn_el.cx_btn_simple a:hover i {
  color: var(--grey-48);
}

.cx_btn .loading-icon-container {
  display: none;
}

.cx_btn.cx_btn_icon {
  padding: 7px 7px;
  font-style: 0.7em;
}
.cx_btn.cx_btn_icon.cx-ajax-loading > .button-icon {
  display: none;
}


.cx-ajax-loading .loading-icon-container {
  display: inline-block;
  animation-name: rotate_complete;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

/**/
body.cx.cx_zico .cx_btn_mini_primary {
  padding: 5px 7px;
  background-color: var(--e-body-secondary-bg);
  color: #ffffff;
  border-radius: var(--cx-btn-radius);
}

/* code from front.css start */

.btn-block,
.btn-block_el a {
  display: block;
  width: 100%;
}

.btn_white,
.cx_btn_el.cx_btn_primary.btn_white_el a {
  background-color: #ffffff;
  color: var(--e-btn-color-rev);
}

/* code from front.css ends */

/*code from base.css moved here */
body.cx.cx_zico .btn-primary,
.cx-btn-primary {
  background: #566984;
  border-color: #40526b;
  color: white;
}
body.cx.cx_zico .btn-primary:hover,
.cx-btn-primary:hover {
  background: #536f96;
}

.btn.cx-btn-outline {
  border: 2px solid #566984;
  background-color: transparent;
  padding: 7px 20px;
  color: #566984;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease-in;
}
.btn.cx-btn-outline:hover {
  border-color: #d88821;
  color: #d88821;
}

.btn-secondary {
  background: #272626;
  border: 1px solid #0e0e0e;
}
.btn-secondary:hover {
  background: #464343;
}


/*icon_only_btn*/

body.cx.cx_zico .cx_btn.cx_btn_primary_icon,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_icon a {
  background-color: transparent;
  color: var(--brand-primary-50) !important;
  padding: 0;
  font-weight: 600;
}

body.cx.cx_zico .cx_btn.cx_btn_primary_icon svg,
body.cx.cx_zico .cx_btn_el.cx_btn_primary_icon a svg {
  fill: var(--brand-primary-50);
}

body.cx.cx_zico .cx_btn.cx_btn_secondary_icon,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_icon a {
  background-color: transparent;
  color: var(--text-51);
  padding: 0;
}

body.cx.cx_zico .cx_btn.cx_btn_secondary_icon:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_secondary_icon a:hover {
  color: var(--brand-primary-50) !important;
}

body.cx.cx_zico .cx_btn.cx_btn_tertiary_icon,
body.cx.cx_zico .cx_btn_el.cx_btn_tertiary_icon a {
  background-color: transparent;
  color: var(--text-53);
  padding: 0;
  gap: 8px;
}

body.cx.cx_zico .cx_btn.cx_btn_tertiary_icon i,
body.cx.cx_zico .cx_btn_el.cx_btn_tertiary_icon a i {
  color: var(--text-49);
}

/* stripe btn  */

body.cx.cx_zico .cx_btn.cx_btn_stripe ,
body.cx.cx_zico .cx_btn_el.cx_btn_stripe  a {
  background-color: var(--brand-secondary-53);
  color: var(--white-50);
  transition: all 0.2s ease-in;
  padding: 8px 12px;
  border:1px solid var(--brand-secondary-53);
  border-radius: 8px;
}



body.cx.cx_zico .cx_btn.cx_btn_stripe:hover,
body.cx.cx_zico .cx_btn_el.cx_btn_stripe a:hover {
  /*background-color: var(--e-primary-dark) ;*/
  /*background-color: #51208e;*/
}


/* justify */

body.cx.cx_zico .cx_btn.justify-start,
body.cx.cx_zico .cx_btn_el.justify-start a {
  justify-content: start;

}

/* text transform unset */

body.cx.cx_zico .cx_btn.txt-unset,
body.cx.cx_zico .cx_btn_el.txt-unset a {
  text-transform: unset;
}

/*

rotate

*/

body.cx.cx_zico .cx_btn.rotate-45 i,
body.cx.cx_zico .cx_btn_el.rotate-45 a .elementor-button-icon {
  transform: rotate(45deg);
}

/* front-weight */

body.cx.cx_zico .cx_btn.weight-600,
body.cx.cx_zico .cx_btn_el.weight-600 a {
  font-weight: 600;
}

/* radius  */ 

body.cx.cx_zico .cx_btn.radius-50,
body.cx.cx_zico .cx_btn_el.radius-50 a {
  border-radius: 50px;
}

body.cx.cx_zico .cx_btn.radius-73,
body.cx.cx_zico .cx_btn_el.radius-73 a {
  border-radius: 73px;
}

body.cx.cx_zico .cx_btn.radius-100,
body.cx.cx_zico .cx_btn_el.radius-100 a {
  border-radius: 50%;
}

/* padding */

body.cx.cx_zico .cx_btn.p-18-40,
body.cx.cx_zico .cx_btn_el.p-18-40 a {
  padding: 18px 40px;
}

body.cx.cx_zico .cx_btn.p-20-40,
body.cx.cx_zico .cx_btn_el.p-20-40 a {
  padding: 20px 40px;
}

body.cx.cx_zico .cx_btn.p-12-40,
body.cx.cx_zico .cx_btn_el.p-12-40 a {
  padding: 12px 40px;
}


body.cx.cx_zico .cx_btn.p-13-44,
body.cx.cx_zico .cx_btn_el.p-13-44 a {
  padding: 13px 44px;
}

body.cx.cx_zico .cx_btn.p-12-20,
body.cx.cx_zico .cx_btn_el.p-12-20 a {
  padding: 12px 20px;
}

body.cx.cx_zico .cx_btn.p-12-18,
body.cx.cx_zico .cx_btn_el.p-12-18 a {
  padding: 12px 18px;
}

body.cx.cx_zico .cx_btn.p-8-12,
body.cx.cx_zico .cx_btn_el.p-8-12 a {
  padding: 8px 12px;
}

body.cx.cx_zico .cx_btn.p-15-36,
body.cx.cx_zico .cx_btn_el.p-15-36 a {
  padding: 15px 36px;
}

/* font */

body.cx.cx_zico .cx_btn.font-inherit,
body.cx.cx_zico .cx_btn_el.font-inherit a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}


body.cx.cx_zico .cx_btn.font-inherit svg,
body.cx.cx_zico .cx_btn_el.font-inherit a svg {
  width: 0.8333em;
}

/* for gap  */

body.cx.cx_zico .cx_btn.gap-10 {
  gap: 10px;
}

/*for disabled*/

body.cx.cx_zico .cx_btn:disabled,
body.cx.cx_zico .cx_btn_el a:disabled {
  opacity: 0.6;           
  cursor: not-allowed;    
  pointer-events: none;   
}