.tf-recruitment-box {
    background: #fff;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 27px 30px 34px 30px;
}

.tf-recruitment-box .position {
    font-family: 'Jost';
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #fff;
border-radius: 3px;
padding: 1px 8px;
background: var(--theme-secondary-color);
display: inline-block;
margin-bottom: 5px;
}
.tf-recruitment-box .title {
    font-family: 'Arimo';
font-weight: 700;
font-size: 24px;
line-height: 150%;
color:var(--theme-primary-color);
margin-bottom: 6px;
}
.tf-recruitment-box .location {
    font-family: 'Jost';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: var(--theme-secondary-color);
margin-bottom: 17px;
}
.tf-recruitment-box .description {
    font-family: 'Jost';
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #9AA5B3;
margin-bottom: 26px;
}

.tf-recruitment-box .tf-button {
    font-family: 'Jost';
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--theme-primary-color);
border: 1px solid #EEEEEE;
border-radius: 50px;
padding: 8px 29px 7px 30px;
}

.tf-recruitment-box .tf-button i {
    font-size: 23px;
    margin-right: -2px;
    vertical-align: text-top;
}

.tf-recruitment-box,
.tf-recruitment-box .position,
.tf-recruitment-box .title,
.tf-recruitment-box .location,
.tf-recruitment-box .description {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tf-recruitment-box:hover {
    background: var(--theme-secondary-color);
}

.tf-recruitment-box:hover .position {
    background: var(--theme-accent-color);
    color: var(--theme-secondary-color);
}

.tf-recruitment-box:hover .title,
.tf-recruitment-box:hover .description {
    color: #fff;
}

.tf-recruitment-box:hover .location {
    color: var(--theme-accent-color);
}

.tf-recruitment-box:hover .tf-button {
    border: 1px solid #fff;
    color: #fff;
}