.vacancy-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem 1.25rem;
  border-radius: var(--border-radius);
  box-shadow: 0 3px 8px 0 var(--shadow-color);
  background-color: #FDFEFF;
  transition: .3s; }
  .vacancy-card__link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%; }
  .vacancy-card__title {
    margin-bottom: .5em;
    font-size: 1rem;
    font-weight: 700; }
  .vacancy-card__salary {
    margin-bottom: .75em;
    color: var(--color-middle);
    font-size: .875rem; }
  .vacancy-card__description {
    margin-bottom: 1em;
    flex: 1;
    font-size: .875rem; }
  .vacancy-card__more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25em;
    font-size: .875rem;
    line-height: 1.5;
    color: transparent;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    transition: .3s; }
    .vacancy-card__more:after {
      content: '';
      display: inline-block;
      width: 39px;
      height: 16px;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM4LjcwNyA4LjcwN2ExIDEgMCAwMDAtMS40MTRMMzIuMzQzLjkyOWExIDEgMCAxMC0xLjQxNCAxLjQxNEwzNi41ODYgOGwtNS42NTcgNS42NTdhMSAxIDAgMDAxLjQxNCAxLjQxNGw2LjM2NC02LjM2NHpNMCA5aDM4VjdIMHYyeiIgZmlsbD0iIzMzOTVGMiIvPjwvc3ZnPg==");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      -webkit-filter: brightness(0) invert(87%);
              filter: brightness(0) invert(87%);
      -webkit-transform: translateY(-130%);
              transform: translateY(-130%);
      transition: .3s; }
  .vacancy-card:hover {
    box-shadow: -4px 8px 18px 0 rgba(118, 118, 118, 0.4); }
    .vacancy-card:hover .vacancy-card__more {
      color: var(--main-color);
      -webkit-transform: translateY(0);
              transform: translateY(0); }
      .vacancy-card:hover .vacancy-card__more:after {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-filter: none;
                filter: none; }