/* orange_gradient_button  */
/* size L */
.orange_gradient_button {
   cursor: pointer;
   border: 1px solid #FD2348;
   padding: 12px;
   border-radius: 16px;
   background: linear-gradient(96.46deg, #EF5600 0%, #FD2348 100%);
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   text-transform: uppercase;
   white-space: nowrap;
}
.orange_gradient_button:hover {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%);
   border: 1px solid #FFFFFF52;
   box-shadow: 0px 0px 16px 0px #FD2348;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.orange_gradient_button:focus {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
   box-shadow: 0px 0px 16px 0px #FD2348;
   transition: all 0.4s ease-out;
   border: 1px solid #FFFFFF52;
}
.orange_gradient_button:active {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
   box-shadow: 0px 0px 16px 0px #FD2348;
   transition: all 0.4s ease-out;
   border: 1px solid #FFFFFF52;
}
.orange_gradient_button.disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
   box-shadow: unset;
}
.orange_gradient_button:disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
   box-shadow: unset;
}
/* End size L */
/* End orange_gradient_button  */
/* ----------------------- white_button   -----------------------------*/
.white_button {
   cursor: pointer;
   border: 1px solid #FFFFFF0F;
   padding: 12px 16px;
   border-radius: 12px;
   background: #FFFFFF;
   color: #EF5600;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   text-transform: uppercase;
   white-space: nowrap;
}
.white_button:hover {
   background: #000000;
   border: 1px solid #EF5600;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.white_button:focus {
   background: #000000;
   border: 1px solid #EF5600;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.white_button:active {
   background: #000000;
   border: 1px solid #EF5600;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.white_button.disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
}
.white_button:disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
}
/* -----------------------End white_button   -----------------------------*/
/* ----------------------- black_button   -----------------------------*/
.black_button {
   cursor: pointer;
   border: 1px solid #FFFFFF66;
   padding: 12px 16px;
   backdrop-filter: blur(40px);
   border-radius: 16px;
   background: #00000099;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   text-transform: uppercase;
   white-space: nowrap;
}
.black_button:hover {
   border: 1px solid #FFFFFF;
   backdrop-filter: blur(40px);
   border-radius: 16px;
   background: #00000099;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.black_button:focus {
   border: 1px solid #FFFFFF;
   backdrop-filter: blur(40px);
   border-radius: 16px;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
      linear-gradient(0deg, rgba(239, 86, 0, 0.12), rgba(239, 86, 0, 0.12));
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.black_button:active {
   border: 1px solid #FFFFFF;
   backdrop-filter: blur(40px);
   border-radius: 16px;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
      linear-gradient(0deg, rgba(239, 86, 0, 0.12), rgba(239, 86, 0, 0.12));
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.black_button:disabled {
   background: #00000066;
   border: 1px solid #FFFFFF1F
}
.black_button.disabled {
   background: #00000066;
   border: 1px solid #FFFFFF1F
}
/* -----------------------End black_button   -----------------------------*/
/* ----------------------- gray_button   -----------------------------*/
.gray_button {
   cursor: pointer;
   border: 1px solid #FFFFFF0F;
   padding: 12px 16px;
   border-radius: 16px;
   background: #333333;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   text-transform: uppercase;
   white-space: nowrap;
}
.gray_button:hover {
   border: 1px solid #FFFFFF;
   border-radius: 16px;
   background: #333333;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.gray_button:focus {
   border: 1px solid #FFFFFF;
   border-radius: 16px;
   background: #333333;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.gray_button:active {
   border: 1px solid #FFFFFF;
   border-radius: 16px;
   background: #333333;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.gray_button.disabled {
   background: #333333;
}
.gray_button:disabled {
   background: #333333;
}
/* -----------------------End gray_button   -----------------------------*/
/* -----------------------orange_button   -----------------------------*/
.orange_button {
   cursor: pointer;
   border: 1px solid #FFFFFF0F;
   padding: 12px 16px;
   border-radius: 16px;
   background: #EF5600;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   text-transform: uppercase;
   white-space: nowrap;
}
.orange_button:hover {
   border: 1px solid #FFFFFF0F;
   border-radius: 16px;
   background: #FF6C1A;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.orange_button:focus {
   border: 1px solid #FFFFFF0F;
   border-radius: 16px;
   background: #FF6C1A;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.orange_button:active {
   border: 1px solid #FFFFFF0F;
   border-radius: 16px;
   background: #FF6C1A;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.orange_button:disabled {
   background: #333333;
}
.orange_button.disabled {
   background: #333333;
}
/* -----------------------End orange_button   -----------------------------*/
/*----------------------- blue_button --------------------------------------*/
.blue_button {
   cursor: pointer;
   border: 1px solid #0000000F;
   padding: 12px 16px;
   border-radius: 12px;
   background: #76D8FF;
   color: #000000;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   text-transform: uppercase;
   white-space: nowrap;
}
.blue_button:hover {
   border: 1px solid #00000052;
   border-radius: 12px;
   background: #DDF5FF;
   color: #000000;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.blue_button:focus {
   border: 1px solid #00000052;
   border-radius: 12px;
   background: #DDF5FF;
   color: #000000;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.blue_button:active {
   border: 1px solid #00000052;
   border-radius: 12px;
   background: #DDF5FF;
   color: #000000;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.blue_button:disabled {
   background: #333333;
   color: #FFF;
}
.blue_button.disabled {
   background: #333333;
   color: #FFF;
}
/*----------------------- End blue_button --------------------------------------*/
/* -----------------------black input field  -----------------------------*/
.black_input_field {
   background: #00000099;
   border: 1px solid #808080;
   border-radius: 16px;
   backdrop-filter: blur(40px);
   white-space: nowrap;
}
/* -----------------------End black input field  -----------------------------*/