.btn {
display: flex;
align-items: center;
justify-content: center; 
gap: 7px;
flex-direction: row;
flex-wrap: nowrap;
padding: 0.7rem 1.5rem;
background-color: #FCC726;
color: black;
font-weight: bold;
border-radius: 4px;
transition: background-color 0.3s ease;
text-decoration: none;
}
.btn:hover {
background-color: #FCC726;
}
.career-banner{
display: flex;
flex-direction: column;
gap: 1rem;
}
.career-banner h1{
font-size:var(--inner-banner-title);
color:#FFF;
text-align: center;
width: 100%;
}
.career-banner .type-department{
font-size:var(--p);
color:#FFF;
text-align: center;
width: 100%;
}
.career-banner .location  {
font-size: var(--p);
color: #FFF;
display: inline-flex;
gap: .5rem;
justify-content: center;
width: 100%;
}
.career-banner .action-block{
display: inline-flex;
flex-direction: row;
gap: 1rem;
align-items: center;
justify-content: center;
}
.career-info h3{
font-size:clamp(1.25rem ,calc(1.35vw + 0.0625rem),1.625rem);
color:#000;
font-weight:600;
}
.career-info h4{
font-size:clamp(1rem ,calc(1vw + 0.0625rem),1.25rem);
color:#000;
font-weight:600;
}
.career-info ul {
list-style: disc;
padding-left: 2.75rem;
font-size: var(--p);
margin-bottom: 1rem;
}
.career-info ul li{
font-size:var(--p);
color:#000 !important;
}