/* solid_btn */
.cmn_button {
  min-height: 33px;
  font-weight: var(--font_weight_bold);
  color: hsl(var(--text_clr_white));
  transition: 0.4s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 177px;
  text-transform: uppercase;
  font-size: 11px;
  border: 0;
  padding: 8px 18px;
  background: hsl(var(--bg_clr_black));
  letter-spacing: 1.7px;
  pointer-events: all;
}
.cmn_button:hover {
  background: hsl(var(--bg_clr_prime_red)) !important;
}
.arrow_btn i {
  font-size: 16px;
  color: hsl(var(--clr_primary_01));
  transition: 0.4s ease-in-out;
}
.arrow_btn:hover i {
  color: hsl(var(--text_clr_white)) !important;
}

.cmn_btn_blank {
  color: hsl(var(--text_clr_secondary_01));
  text-align: center;
  font-size: 12.424px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.112px;
  padding-block: 10px;
  border-block-end: 1px solid hsl(var(--clr_primary_04));
  transition: 0.4s ease-in-out;
  text-transform: uppercase;
}
.cmn_btn_blank:hover {
  color: hsl(var(--clr_primary_04));
  border-color: hsl(var(--bg_clr_black));
}

.cmn_button_pink {
  color: hsl(var(--text_clr_white));
  background: hsl(var(--clr_primary_03));
  min-height: 48px;
  border: none;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2px;
  padding-block: 10px;
  transition: 0.4s ease-in-out;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.cmn_button_pink i {
  color: hsl(var(--text_clr_white));
}

.cmn_button_pink:hover {
  background: hsl(var(--bg_clr_black)) !important;
  color: hsl(var(--text_clr_white)) !important;
}

.cmn_button_white {
  color: hsl(var(--text_clr_black));
  background: hsl(var(--bg_clr_white));
  min-height: 48px;
  border: none;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2px;
  padding-block: 10px;
  padding-inline: 20px;
  transition: 0.4s ease-in-out;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.cmn_button_white i {
  color: hsl(var(--text_clr_black));
}

.cmn_button_white:hover {
  background: hsl(var(--bg_clr_black)) !important;
  color: hsl(var(--text_clr_white)) !important;
}

.cmn_button_white:hover i {
  color: hsl(var(--text_clr_white));
}