html body#root #main .vacancy__wrapper {
    height: 21.875rem;
    padding: 1.25rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative
}

@media only screen and (min-width: 71.25rem) {
    html body#root #main .vacancy__wrapper {
        height: 24.375rem
    }
}

html body#root #main .vacancy__wrapper:hover {
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2))
}

html body#root #main .vacancy__wrapper:hover .vacancy__button {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

html body#root #main .vacancy__wrapper:hover .vacancy__content {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

html body#root #main .vacancy__wrapper img {
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%)
}

html body#root #main .vacancy__content {
    padding: 1.25rem;
    position: relative;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    background: #efefef;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.875rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
}

@media only screen and (min-width: 48rem) {
    html body#root #main .vacancy__content {
        margin-left: -2.5rem
    }
}

@media only screen and (min-width: 64rem) {
    html body#root #main .vacancy__content {
        margin-left: -3.125rem
    }
}

@media only screen and (min-width: 71.25rem) {
    html body#root #main .vacancy__content {
        padding: 1.875rem 1.875rem 1.5625rem 1.875rem
    }
}

html body#root #main .vacancy__content:before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
    background: #fff;
    z-index: -1
}

html body#root #main .vacancy__button {
    margin-top: 1.0625rem;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
}

html body#root #main .vacancy__title {
    font-size: 1.125rem;
    line-height: 2.83;
    font-weight: 800;
    color: #000;
    margin: 0;
    width: 100%
}

@media only screen and (min-width: 71.25rem) {
    html body#root #main .vacancy__title {
        font-size: 1.125rem
    }
}

html body#root #main .vacancy__education,
html body#root #main .vacancy__hours {
    width: 50%
}

html body#root #main .vacancy__education .heading-4,
html body#root #main .vacancy__hours .heading-4 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 0.9375rem
}

@media only screen and (min-width: 71.25rem) {
    html body#root #main .vacancy__education .heading-4,
    html body#root #main .vacancy__hours .heading-4 {
        font-size: 1rem
    }
}

html body#root #main .vacancy__education-text,
html body#root #main .vacancy__hours-text {
    font-size: 0.875rem;
    line-height: 1.78
}

html body#root #main .vacancy__education-icon,
html body#root #main .vacancy__hours-icon {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 7px
}

html body#root #main .vacancy__education-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='13px' viewBox='0 0 12 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Werken-bij-Unisol' transform='translate(-350.000000, -2058.000000)' fill='%232d6ab1' fill-rule='nonzero'%3E%3Cg id='-copy' transform='translate(350.750967, 2058.500000)'%3E%3Cpath d='M10.4990335,10.875 C10.5632992,8.82304716 9.10215835,7.12265611 7.16622071,6.75 L5.24903349,9.30703139 L3.33184592,6.75 C1.39590828,7.1015625 -0.0572170782,8.82304716 0.00606445795,10.875 C0.00606445795,11.4963284 0.502470894,12 1.12379925,12 L9.37379925,12 C9.9951276,12 10.4990339,11.4960938 10.4990339,10.875 L10.4990335,10.875 Z M1.13200252,10.875 L1.13090317,10.8397501 C1.09209053,9.59967184 1.80777792,8.51146889 2.89832477,8.04600048 L5.01934592,10.875 L1.13200216,10.875 L1.13200252,10.875 Z M9.36700253,10.875 L5.47872142,10.875 L7.60004978,8.04609346 C8.69059662,8.51085877 9.40614347,9.59906244 9.36747174,10.8398438 L9.36700253,10.875 Z M0.318486733,1.86914062 L0.467783494,1.90429687 L0.467783494,3.27539062 C0.303720994,3.37265611 0.186533494,3.54609346 0.186533494,3.75 C0.186533494,3.94628906 0.294931932,4.11046886 0.44715838,4.21289062 L0.081064744,5.671875 C0.040049119,5.83359361 0.130986733,6 0.259892983,6 L1.23840861,6 C1.36731486,6 1.45813517,5.83300781 1.41711955,5.69296861 L1.05090825,4.21406221 C1.203252,4.11093736 1.31153349,3.94687486 1.31153349,3.75 C1.31153349,3.54492187 1.19434599,3.37218761 1.03028349,3.27539062 L1.03028349,2.04210949 L2.24903349,2.33507824 L2.24903349,3.375 C2.24903349,5.03320312 3.59083037,6.35390639 5.24903349,6.35390639 C6.90723662,6.35390639 8.24903349,5.03437507 8.24903349,3.375 L8.24903349,2.33484364 L10.1767679,1.86914062 C10.6045022,1.76660156 10.6045022,1.23632812 10.1767679,1.13085937 L5.71426801,0.052734375 C5.56309585,0.017578125 5.40606503,0 5.25137739,0 C5.09668974,0 4.93965857,0.017578125 4.78731482,0.052734375 L0.320127173,1.13085937 C-0.106435256,1.23351574 -0.106435256,1.76671886 0.318486733,1.86914062 Z M3.37403349,2.60625029 L4.78215854,2.94656253 C5.08684604,3.01687503 5.40606503,3.01687503 5.71098642,2.94656253 L7.12403349,2.60625029 L7.12403349,3.375 C7.12403349,4.40859389 6.28262739,5.25 5.24903349,5.25 C4.2154396,5.25 3.37403349,4.40859389 3.37403349,3.375 L3.37403349,2.60625029 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

html body#root #main .vacancy__hours-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='13px' viewBox='0 0 12 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Werken-bij-Unisol' transform='translate(-892.000000, -2128.000000)' fill='%232d6ab1' fill-rule='nonzero'%3E%3Cg id='-copy-2' transform='translate(892.000000, 2128.500000)'%3E%3Cpath d='M5.4375,2.8125 C5.4375,2.50078154 5.68828118,2.25 6,2.25 C6.31171846,2.25 6.5625,2.50078154 6.5625,2.8125 L6.5625,5.69999993 L8.56171846,7.03125 C8.81953096,7.20468736 8.88984346,7.55390596 8.69765639,7.81171846 C8.54531264,8.06953096 8.19609404,8.13984346 7.93828154,7.94765639 L5.68828118,6.44765639 C5.53125,6.36328125 5.4375,6.1875 5.4375,5.97890639 L5.4375,2.8125 Z M6,0 C9.31406236,0 12,2.68593764 12,6 C12,9.31406236 9.31406236,12 6,12 C2.68593764,12 0,9.31406236 0,6 C0,2.68593764 2.68593764,0 6,0 Z M1.125,6 C1.125,8.69296861 3.30703139,10.875 6,10.875 C8.69296861,10.875 10.875,8.69296861 10.875,6 C10.875,3.30703139 8.69296861,1.125 6,1.125 C3.30703139,1.125 1.125,3.30703139 1.125,6 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}