.body-course-search{
    background-color:var(--ehu-color-primary);
    padding:0;
    clear:left;
    width:100%
}
.body-course-search-wrap{
    background-color:var(--ehu-color-primary);
    padding:1.5rem;
}
@media (min-width:769px){
    .body-course-search-wrap{
        padding:3rem
    }
}
.body-course-search form{
    position:relative;
    width:100%
}
.body-course-search__title{
    color:var(--ehu-colors-neutral-white);
    margin-top:0;
    padding-top:0
}
.body-course-search__form-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:row;
    flex-wrap:wrap;
    gap:1.5rem;
    margin:1.5rem 0 0
}
.body-course-search form input{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:3.125rem;
    width:100%;
    padding:0 4.625rem 0 .75rem;
    border:0
}
.body-course-search label[for=body-course-search]{
    clip:rect(0, 0, 0, 0);
    height:1px;
    position:absolute;
    width:1px;
    border-width:0;
    margin:-1px;
    overflow:hidden;
    padding:0
}
.body-course-search form button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:3.125rem;
    position:absolute;
    right:0;
    top:0;
    color:var(--ehu-color-black);
    width:3.125rem;
    font-size:1.2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    padding:0 .75rem;
    transition:background-color .3s ease-in-out 0s;
    border:0
}
.body-course-search form button:hover{
    background-color:var(--ehu-colors-notice-warning)
}
.body-course-search__course-a-z{
    text-decoration:none;
    display:flex;
    align-items:center
}
.body-course-search__course-a-z,
.body-course-search__course-a-z:hover,
.body-course-search__course-a-z:visited{
    color:var(--ehu-colors-neutral-white)
}
.body-course-search__course-a-z span{
    margin-left:.75rem
}