[v-cloak] {
	display: none;
}
.job-filter {
  background: linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%),var(--primary-1)
}
.job-filter__job-count {
  border-top: 2px solid var(--light-10)
}
.job-filter .selected-filter {
  background-color: transparent;
  color: var(--base-5);
  border: 1px solid var(--light-50);
  padding: var(--sm-4) var(--sm-3);
  border-radius: 100px;
  margin: var(--xs-1);
  transition: .3s all ease-in-out
}
.job-filter .selected-filter .icon {
  color: var(--primary-2)
}
.job-filter .selected-filter.close-btn {
  background-color: var(--light-10);
  border: 1px solid var(--light-10)
}
.job-filter .selected-filter:hover {
  border: 1px solid var(--base-5)
}
.job-filter-cards__icon {
  width: 1.6rem;
  height: 1.6rem
}
.job-filter-cards__card:hover {
  background-color: var(--light-75)
}
.job-filter-cards .arrow-button {
  background: var(--base-4);
  color: var(--base-1);
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-decoration: none
}
.job-filter-cards .arrow-button:hover {
  background: var(--base-1);
  color: var(--base-5)
}
.job-detail__cta-wrap .cta {
  width: 100%
}
.job-listing__card-inner {
  height: 33.4rem;
  clip-path: polygon(0 0,100% 0,100% 92%,94% 100%,0 100%,0 35%);
  background-color: var(--base-5);
  transition: .3s all ease-in-out
}
.job-listing__card-inner:hover {
  background-color: var(--primary-1);
  color: var(--base-5);
  
}
.job-listing__card-inner:hover .cta {
  color: var(--base-5)
}
.job-listing__card-inner:hover .cta__icon {
  color: var(--primary-2)
}
.job-listing__card-inner .job-listing__card-title{
color: var(--primary-1);
}
.job-listing__card-inner:hover .job-listing__card-title{
color: var(--base-5);
}
 .job-listing__card-inner:hover{
 background: var(--background-card-hover);
  --color-display: var(--base-5);
  --color-headline: var(--base-5);
  --color-body: var(--base-5);
  --color-body-secondary: var(--base-5);
  --color-utility: var(--light-75)
  --color-section: var(--base-5);
  --job-listing__card-title: var(--base-5);
}