@use '@inside-library/styles/mixins/partials/common-mixin' as *;

.jobs-rh-cta-container {
  display: flex;
  justify-content: center;

  .btn {
    display: block;
  }
}

.job-header {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing-l);
  background: var(--color-grey-100);

  & > div {
    width: 33%;
    padding: 0  var(--spacing-s);
    border-left: var(--border-default);

    @include tablet {
      width: 48%;
      margin: var(--spacing-s) 0;
    }

    @include mobile {
      width: 100%;
      text-align: center;
      border-left: none;
    }
  }

  .item {
    .job-modal__apply {
      padding: var(--spacing-m) var(--spacing-l);
      border: var(--border-default);
    }
  }
}
