@import "../../../styles/colors.scss";
@import "../../../styles/fonts.scss";

.light_button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 14px;
  border-radius: 20px;
  border: none;
  background-color: $orangePrimary;
  .label {
    color: $white;
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 7px 0 0;
    text-transform: uppercase;
  }
}

.dark_button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 14px;
  border-radius: 20px;
  border: none;
  background-color: $yellow;
  .label {
    color: $blackPrimary;
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 7px 0 0;
    text-transform: uppercase;
  }
}