.container-vacancie{
display: grid;
}
.title-vacancie{
background-color: #04C7C0;
padding: 10px 20px;
color:#fff;
width: 100%;
position: relative;
}
.title-vacancie:hover{
background-color: #007EBB;
}
.list-vacancie{
list-style:none;
margin-bottom: 20px;
}
.vacancie {
width: 100%;
display: grid;
overflow: hidden;
border-radius: 15px 15px 14px 15px;
box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
margin-top: 20px;
cursor: pointer;
}
.info-vacancie {
padding: 10px 20px;
background-color: #fff;
border-radius: 0px 0px 25px 25px;
display: none;
}
.vacancie.active .title-vacancie{
background-color: #007EBB;
}
.vacancie.active .info-vacancie{
display: block;
}
.icon-vac{
position: absolute;
top: 0;
bottom: 0;
right: 20px;
display: flex;
place-items: center;
}
.vacancie.active .icon-vac {
transform: rotate(180deg);
}
.quiero-postularme {
padding: 10px 20px;
background-color: #04C7C0;
border-radius: 25px;
margin: 20px auto;
display: flex;
width: max-content;
color: #fff !important;
text-transform: uppercase;
}
.quiero-postularme:hover {
background-color: #007EBB;
}