/* ========================================================================= */
/* btn In Dark Area And In Light Area */
.btn_in_dark {
  padding: 0rem 1rem 0.2rem 1rem !important;
  border: none !important;
  border-radius: 15px !important;
  outline: 0.12rem solid var(--violet_05) !important;
  outline-offset: 0.15rem !important;
  background-color: var(--violet_05) !important;
  color: var(--violet_01);
  display: inline-flex;
  border: none;
}

.btn_in_dark:hover {
  scale: 1.02;
  color: #ffffff;
  background-color: transparent !important;
  cursor: pointer;
}

.btn_in_light {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1rem 1rem 0.15rem 1rem !important;
  border: none !important;
  border-radius: 15px !important;
  outline: 0.12rem solid var(--violet_01) !important;
  outline-offset: 0.15rem !important;
  background-color: var(--violet_01);
  color: var(--violet_05);
  display: inline-flex;
}

.btn_in_light:hover {
  scale: 1.02;
  color: var(--violet_01);
  background-color: transparent !important;
  cursor: pointer;
}
/* btn In Dark Area And In Light Area */
/* ========================================================================= */



/* ========================================================================= */
/* btn outline In Dark Area And In Light Area */
.btn_outline_in_dark {
  padding: 0.1rem 1rem 0.15rem 1rem !important;
  border: none !important;
  border-radius: 15px !important;
  outline: 0.12rem solid var(--violet_05) !important;
  outline-offset: 0.15rem !important;
  color: var(--violet_05);
  display: inline-flex;
  background-color: transparent !important;
  border: none;
}

.btn_outline_in_dark:hover {
  scale: 1.02;
  color: var(--violet_00);
  background-color: var(--violet_05) !important;
  cursor: pointer;
}

.btn_outline_in_light {
  padding: 0.1rem 1rem 0.15rem 1rem !important;
  border: none !important;
  border-radius: 15px !important;
  outline: 0.12rem solid var(--violet_01) !important;
  outline-offset: 0.15rem !important;
  color: var(--violet_00);
  display: inline-flex;
  background-color: transparent !important;
  border: none;
}

.btn_outline_in_light:hover {
  scale: 1.02;
  color: var(--violet_05);
  background-color: var(--violet_01) !important;
  cursor: pointer;
}

/* End of btn In Dark Area And In Light Area */
/* ========================================================================= */