/* Custom Button */

.custom_btn {
  z-index: 1;
  height: 55px;
  line-height: 1;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  border-radius:10px;
  padding: 12px 35px 10px 35px;
  position: relative;
  align-items: center;
  display: inline-flex;
  letter-spacing: 0.5px;
  justify-content: center;
}
.custom_btn:before {
  top: 0px;
  width: 0px;
  left: auto;
  right: 0px;
  z-index: -1;
  bottom: 0px;
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  border-radius:10px;
}
.custom_btn:hover {
  color: #ffffff;
}
.custom_btn:hover:before {
  left: 0px;
  width: 100%;
  right: auto;
}
.custom_btn.btn_sm {
  height: 50px;
  padding: 10px 30px;
}
.custom_btn.btn_round {
  overflow: hidden;
  border-radius: 45px;
}
.custom_btn.bg_white {
  color: #000000;
}
.custom_btn.bg_white:before {
  background: #000000;
}
.custom_btn.bg_white:hover {
  color: #ffffff;
}
.custom_btn.bg_black {
  color: #ffffff;
}
.custom_btn.bg_black:before {
  background: #ebebeb;
}
.custom_btn.bg_black:hover {
  color: #000000;
}
.custom_btn.bg_gray {
  color: #000000;
  background-color: #ebebeb;
}
.custom_btn.bg_gray:before {
  background: #000000;
}
.custom_btn.bg_gray:hover {
  color: #ffffff;
}
.custom_btn.bg_danger:before {
  background: #2e2e2e;
}
.custom_btn.bg_secondary:before {
  background: #2e2e2e;
}
.custom_btn.bg_success:before {
  background: #111;
}
.custom_btn.bg_default_black:before {
  background: #ce0b2b;
}
.custom_btn.bg_default_red:before {
  background: #111;
}
.custom_btn.bg_products_red {
  background-color: var(--default-red);
}
.custom_btn.bg_products_red:before {
  background: #111;
}
.custom_btn.bg_default_gold {
  background-color: var(--default-gold);
  color:black;
}
.custom_btn.bg_default_gold:hover {
  color: white;
  
}
.custom_btn.bg_default_gold:before {
  background: #111;
}
.custom_btn.btn_border {
  border: 2px solid transparent;
}
.custom_btn.border_gray {
  color: #000000;
  border-color: #e4e4e4;
}
.custom_btn.border_gray:before {
  background: #e4e4e4;
}
.custom_btn_no_corners {
  border-radius:0px;
}
.custom_btn_no_corners:before {
  border-radius:0px;
}


/* Fill Button */

.fill_btn {
	z-index: 1;
	height: 55px;
	line-height: 1;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	border-radius:5px;
	padding: 12px 15px 10px 15px;
	position: relative;
	align-items: center;
	display: inline-flex;
	letter-spacing: 0.5px;
	justify-content: center;
	background-color: #333;
	border:1px solid #444;
	transition: box-shadow .20s ease-in-out;
}
.fill_btn.bg_default_gold {
	border-bottom:3px solid var(--default-gold);
	box-shadow: inset 0 -3px 0 -1px var(--default-gold);
	background-color: #333;
	color:white;
}
.fill_btn.bg_default_gold:hover {
	color: #111;
	box-shadow: inset 0 -55px 0 -1px var(--default-gold);
}
.fill_btn.bg_default_red {
	border-bottom:3px solid var(--default-red);
	box-shadow: inset 0 -3px 0 -1px var(--default-red);
	background-color: #333;
	color:white;
}
.fill_btn.bg_default_red:hover {
	color: #white;
	box-shadow: inset 0 -55px 0 -1px var(--default-red);
}
.fill_btn.bg_default_blue {
	border-bottom:3px solid var(--default-blue);
	box-shadow: inset 0 -3px 0 -1px var(--default-blue);
	color:white;
}
.fill_btn.bg_default_blue:hover {
	color: #FFF;
	box-shadow: inset 0 -55px 0 -1px var(--default-blue);
}
.fill_btn.bg_default_green {
	border-bottom:3px solid var(--default-green);
	box-shadow: inset 0 -3px 0 -1px var(--default-green);
	color:white;
}
.fill_btn.bg_default_green:hover {
	color: #FFF;
	box-shadow: inset 0 -55px 0 -1px var(--default-green);
}
.fill_btn.bg_default_white {
	border-bottom:3px solid white;
	box-shadow: inset 0 -3px 0 -1px white;
	color:white;
}
.fill_btn.bg_default_white:hover {
	color: #111;
	box-shadow: inset 0 -55px 0 -1px white;
}
.fill_btn.bg_default_purple {
	border-bottom:3px solid #AF49F7;
	box-shadow: inset 0 -3px 0 -1px #AF49F7;
	color:white;
}
.fill_btn.bg_default_purple:hover {
	color: white;
	box-shadow: inset 0 -55px 0 -1px #AF49F7;
}


.extra_btn_padding {
  padding: 12px 55px 10px 55px;
}


/* Text Button */

.text_btn {
  color: var(--default-white);
  align-items: center;
  display: inline-flex;
}
.text_btn span {
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding-bottom: 2px;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.text_btn span:before {
  width: 0px;
  left: auto;
  right: 0px;
  bottom: 0px;
  height: 1px;
  content: "";
  position: absolute;
  transition: width 0.2s linear;
  background-color: #ce0b2b;
}
.text_btn:hover {
  color: #ce0b2b;
}
.text_btn:hover span:before {
  left: 0px;
  width: 100%;
  right: auto;
}
.text_btn i {
  line-height: 1;
  margin-left: 5px;
  display: inline-block;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.text_btn:hover i {
  transform: translateX(5px);
}
.text-white .text_btn {
  color: #ffffff;
}
.text-white .text_btn span:before {
  background-color: #ffffff;
}