@media (max-width: 1150px) {
  .bzCategory {
  width: 30%!important
  }
  .bzOpening a {
    flex-direction: column!important;
  }
  .bzButtonApply {
  order: 3!important;
    width: 30vw!important
  }
  .bzMeta {
  order: 2!important;
    margin: .5em 0!important;
  }
  .bzOpening h2 {
  width: 100%!important;
    padding: 0!important
  }
}
@media (max-width: 655px) {
  .bzOpeningsCategory {
   flex-direction: column!important;
  }
  .bzCategory{
  width: 100%!important;
    text-align: center!important;
    margin: 2rem 0 0 0!important
  }
  .bzOpening, .bzOpeningsList {
  width: 100%!important;
  }
  .bzButtonApply {
    width: auto!important
  }
  .bzOpening h2 {
  font-size: 1.2rem!important
  }
}

.bzOpeningsCategory {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem
}
.bzOpeningsCategory::marker {
  content: '';
}
  
.bzCategory {
  display: flex;
  flex-direction: column;
  width: 25%;
  font-weight: 700;
  font-family: Montserrat, sans-serif;
  color: #373838;
  font-size: 1.5rem;
  margin-top: 1rem
}

  .bzOpeningsList {
  display: flex;
  flex-direction: column;
  width: 75%;
  gap: .5rem;
  }
  
  
  .bzOpening {
    cursor: pointer;
      padding: 1rem;
    border: 1px solid transparent;
    display: flex;
  flex-direction: row;
  justify-content: space-between;
}
   .bzOpening:hover {
    background-color: #f9fafa;
    border-radius: 4px;
    border: 1px solid #eee;
}
  .bzOpening::marker, .bzDepartment::marker, .bzLocation::marker, .bzType::marker, .bzRemote::marker {
  content: '';
}
.bzOpening a{
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
  .bzButtonApply {
    margin-bottom: -.8rem;
  padding: .75rem 1.5rem;
    font-size: 1rem;
    color: #FFFFFF;
    background: #47C2B4;
    box-shadow: inset 0.2rem 0.2rem 1rem #5edbcd, inset -0.2rem -0.2rem 1rem #38a89b;
    border-radius: 60px;
    font-weight: bold;
    width: 20%;
    text-align: center;
    height: fit-content;
    order: 2;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-property: all;
  }
  .bzButtonApply:hover {
  transition-duration: 0.5s;
    transition-property: all;
    box-shadow: inset 0.2rem 0.2rem 0.5rem #38a89b, inset -0.2rem -0.2rem 0.5rem rgb(255 255 255 / 25%);
    text-decoration: none;
    background: #47C2B4;
}

  
  .bzOpening a h2{
    font-size: 1rem;
    font-weight: 500;
    width: 80%;
    order: 1;
    padding-right: 2rem;
}

  .bzMeta {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    font-size: 18px;
   gap: .5rem 2rem;
    order: 3
}
  .bzDepartment::before, .bzLocation::before, .bzType::before, .bzRemote::before {
     background-size: 1rem;
    display: inline-block;
    width: 1rem; 
    height: 1rem;
    content:"";
    margin-right: .3rem;
    margin-bottom: -.15rem
  }
  
  .bzLocation::before{
     background-image: url('/hubfs/location.svg');
}
  .bzType::before {
     background-image: url('/hubfs/full-time.svg');
}
  .bzRemote::before {
   background-image: url('/hubfs/wfh.svg');
}
  .bzDepartment::before {
    background-image: url('/hubfs/department.svg');
}
  .bzRemote