.vacancy_button{
    width: 279px;
    height: 21px;
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: #111111;
    flex: none;
    order: 0;
    flex-grow: 0;

    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 15px 28px;
    gap: 10px;
    width: 339px;
    height: 51px;
    border: 1px solid #111111;
    border-radius: 55px;
    background: none;
    margin-top: 30px;
}

.vacancy_button:hover{
    background: #0068AF;
    color: #fff;
    cursor: pointer;
}

.vacancy_title{
    height: 22px;
    font-family: 'Russo One';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111111;
}
.vacancy_requisites{
    box-sizing: border-box;
    width: 1080px;
    background: linear-gradient(144.28deg, #F3E7E9 1.29%, #E3EEFF 97.49%, #E3EEFF 97.5%);
    border-radius: 10px;
    padding: 40px;
    transition: 600ms;
    margin-bottom: 30px;
}
.vacancy_box{
    padding-top: 20px;
    padding-bottom: 20px;
    height: 0px;
    overflow: hidden;
    transition: 600ms;
}
.vacancy_arrow{
    width: 23px;
    height: 23px;
    border-top: 3px solid #111111;
    border-right: 3px solid #111111;
    margin-right: 60px;
    cursor: pointer;
    transform: rotate(135deg);
    transition: 300ms;
}
.vacancy_requisites:hover .vacancy_arrow{
    cursor: pointer;
    transform: rotate(-45deg);
}
.vacancy_requisites:hover .vacancy_box{
    height: 130px;
}