@font-face {
  font-family: "Airbnb-Cereal-App-bold";
  src: url("../fonts/AirbnbCerealApp-Bold.eot");
  src: url("../fonts/AirbnbCerealApp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AirbnbCerealApp-Bold.woff2") format("woff2"), url("../fonts/AirbnbCerealApp-Bold.woff") format("woff"), url("../fonts/AirbnbCerealApp-Bold.ttf") format("truetype"), url("../fonts/AirbnbCerealApp-Bold.svg#AirbnbCerealApp-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Airbnb-Cereal-App-medium";
  src: url("../fonts/AirbnbCerealApp-Medium.eot");
  src: url("../fonts/AirbnbCerealApp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AirbnbCerealApp-Medium.woff2") format("woff2"), url("../fonts/AirbnbCerealApp-Medium.woff") format("woff"), url("../fonts/AirbnbCerealApp-Medium.ttf") format("truetype"), url("../fonts/AirbnbCerealApp-Medium.svg#AirbnbCerealApp-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Airbnb-Cereal-App-regular";
  src: url("../fonts/AirbnbCerealApp-Book.eot");
  src: url("../fonts/AirbnbCerealApp-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/AirbnbCerealApp-Book.woff2") format("woff2"), url("../fonts/AirbnbCerealApp-Book.woff") format("woff"), url("../fonts/AirbnbCerealApp-Book.ttf") format("truetype"), url("../fonts/AirbnbCerealApp-Book.svg#AirbnbCerealApp-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.button {
  font-size: 14px;
  font-family: "Airbnb-Cereal-App-medium";
  border-radius: 5px;
  padding: 8px 20px;
}

.primary-button {
  color: var(--color-white, #ffffff);
  background: var(--primary-gradient, linear-gradient(90deg, rgb(97, 43, 123) 0%, rgb(149, 45, 194) 100%));
  border: none;
}
.primary-button:hover {
  background: var(--primary-gradient-v2, linear-gradient(90deg, rgb(149, 45, 194) 0%, rgb(97, 43, 123) 100%));
  color: var(--color-white, #ffffff);
}

.outline-button {
  color: var(--black-v2, #1F2034);
  border: 1px solid var(--primary-border, #D0D0D0) !important;
  background-color: var(--custom-white, #ffffff);
}
.outline-button:hover {
  background-color: var(--secondary-hover-bg, #EBEBEB);
  color: var(--black-v2, #1F2034);
}

.custom-outline-button-v2 {
  color: var(--black-v2, #1F2034);
  border: 1px solid var(--custom-border, #d0d0d0);
  background-color: var(--body-background, #FFFFFF);
}
.custom-outline-button-v2:hover {
  background-color: var(--secondary-hover-bg, #EBEBEB);
  color: var(--black-v2, #1F2034);
}

.dark-theme .outline-button {
  border: none !important;
  color: #A5A4A8 !important;
}

.secondary-outline-button {
  color: var(--tag-color, #703BA8);
  border: 0.75px solid var(--form-border, #703BA8) !important;
  background-color: transparent;
}
.secondary-outline-button:hover {
  background-color: var(--secondary-hover-bg, #EBEBEB);
}

.danger-button {
  color: var(--color-white, #ffffff);
  background-color: var(--bg-danger, #D75C5C);
  border: none;
}
.danger-button:hover {
  background-color: var(--bg-danger-v2, #e07575);
}

.danger-button.popup-btn {
  background-color: var(--danger-red, #F84E4E);
}

.filter-button {
  background-color: var(--custom-white, #ffffff);
  border: 1px solid var(--primary-border, #D0D0D0);
  border-radius: 5px;
}
.filter-button:hover {
  background-color: var(--secondary-hover-bg, #EBEBEB);
}

.table-env-btn {
  background-color: var(--bg-secondary-v5, #FCF9FF);
  border-radius: 24px;
  width: 44px;
  height: 23px;
  border: 1px solid var(--custom-white, #ffffff);
  color: var(--color-black, #000000);
  font-size: 11px;
  font-family: "Airbnb-Cereal-App-regular";
  margin-right: 5px;
}

.table-env-btn.border-btn {
  border: 0.35px solid var(--btn-border, #B0B0B0) !important;
}

.table-env-btn:hover {
  background-color: transparent;
  border: 1px solid var(--link-text, #5375DA) !important;
  color: var(--link-text, #5375DA);
}

.cancel-button {
  border: 1px solid var(--primary-border, #D0D0D0);
  background: var(--custom-white, #ffffff);
  border-radius: 5px;
  padding: 12px 18px;
  color: var(--black-v2, #1F2034);
}
.cancel-button:hover {
  background-color: var(--secondary-hover-bg, #EBEBEB);
}

.dark-theme .cancel-button {
  border: none !important;
}

.combine-button {
  display: inline-block;
  border: 1px solid var(--form-border, #703BA8);
  border-radius: 5px;
  overflow: hidden;
}

.combine-button button {
  background: var(--body-background, #FFFFFF);
  border: none;
  padding: 10px 25px;
  outline: none;
  cursor: pointer;
  border-right: 0.25px solid var(--form-border, #703BA8);
}

.combine-button button:last-child {
  border-right: none;
}

.icon-button {
  background-color: transparent;
  border: none;
  padding: 0;
}

.download-button {
  border: 1px solid var(--primary-border, #D0D0D0);
  background-color: var(--custom-white, #ffffff) !important;
  padding: 10px 42px;
  border-radius: 4px;
}
.download-button:hover {
  background-color: var(--bg-secondary-v4, #FCF9FF);
  border: 1px solid var(--form-border, #703BA8);
}
.download-button:active {
  background-color: var(--bg-secondary-v4, #FCF9FF);
  border: 1px solid var(--form-border, #703BA8);
}

.download-button.active {
  background-color: var(--bg-secondary-v4, #FCF9FF);
  border: 1px solid var(--form-border, #703BA8);
}

.dark-theme .table-env-btn {
  border: 0;
}

.dark-theme .custom-pagenation {
  border: 0;
}

.common-btn {
  background-color: transparent;
  border: none;
  border-radius: 5px;
  padding: 8px;
}
.common-btn:hover {
  background-color: var(--secondary-hover-bg, #EBEBEB);
}

.deploy-btn:hover {
  background-color: var(--secondary-hover-bg, #EBEBEB);
}/*# sourceMappingURL=buttons.css.map */