.careers-header,
.careers-header--pink,
.careers-header--purple {
  position: sticky;
  top: 0;
  z-index: 60;
  padding: 0 20px;
  background: rgba(249, 247, 252, 0.72) !important;
  border-bottom: 1px solid rgba(44, 32, 57, 0.06);
  backdrop-filter: blur(14px);
}

.careers-header__container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  min-height: 82px;
  width: min(calc(100% - 40px), 1240px);
  margin: 0 auto;
  padding: 14px 0;
  position: relative;
}

.careers-header__logo {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-self: start;
}

.careers-header__logo img:first-of-type {
  display: block !important;
  height: 42px;
  width: auto;
}

.careers-header__logo img:last-of-type {
  display: none !important;
}

.careers-header__menu-links {
  width: auto;
  display: flex;
  justify-content: center;
  justify-self: center;
}

.careers-header__menu-links ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: nowrap;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 5px;
  list-style: none;
  border: 1px solid rgba(44, 32, 57, 0.06);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.56);
}

.careers-header__menu-links ul li {
  padding: 0;
}

.careers-header__menu-links ul li a {
  display: block;
  position: relative;
  padding: 10px 12px !important;
  border-radius: 999px;
  color: #6b6476 !important;
  font-size: 0.92rem !important;
  font-weight: 700;
  line-height: 1.2;
}

.careers-header__menu-links ul li a:after {
  display: none !important;
}

.careers-header__menu-links ul li a:hover,
.careers-header__menu-links ul li a:focus {
  background: #fff;
  color: #20182b !important;
}

.careers-header__menu-buttons {
  width: auto;
  justify-self: end;
}

.careers-header__menu-buttons div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.careers-header__menu-buttons div a:first-of-type {
  margin-right: 0;
}

.careers-header__menu-buttons .button {
  width: auto;
  height: auto;
  padding: 13px 18px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
}

.careers-header__menu-buttons .button--black-outline {
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(44, 32, 57, 0.1);
  color: #2c2039;
}

.careers-header__menu-buttons .button--pink {
  background: linear-gradient(135deg, #e9004b, #ff5b8f);
  box-shadow: 0 14px 34px rgba(233, 0, 75, 0.24);
}

.careers-header .nav-mobile {
  display: none;
}

.careers-header--pink a:not(.button),
.careers-header--purple a:not(.button) {
  color: inherit;
}

.careers-header--pink .button--black-outline,
.careers-header--purple .button--black-outline {
  border-color: rgba(44, 32, 57, 0.1);
  color: #2c2039;
}

@media (max-width: 768px) {
  .careers-header,
  .careers-header--pink,
  .careers-header--purple {
    padding: 0 20px;
  }

  .careers-header__container {
    display: flex;
    width: 100%;
    min-height: 74px;
    flex-wrap: wrap;
  }

  .careers-header__menu-links,
  .careers-header__menu-buttons {
    display: none;
  }

  .careers-header .nav-mobile {
    display: block;
    position: static;
    margin-left: auto;
    z-index: 9999;
  }

  .careers-header .nav-mobile--open {
    margin-top: 0;
  }

  .careers-header .nav-mobile--open span {
    background-color: #2c2039;
    width: 26px;
    height: 2px;
  }

  .careers-header .nav-mobile.nav--active .nav-mobile--head {
    background-color: #292035;
  }

  .careers-header .nav-mobile.nav--active .nav-mobile--body {
    background-color: #1f1828;
  }
}