
.input-cont{
    border: solid 1px rgb(0, 0, 0);
    padding-left:1.7rem;
    border-radius:9rem;
    margin-bottom:2rem;
    width:100%;
    display: flex;
    justify-content: space-between;
}
.form input{
    border: none;
    outline: none;
    border-radius:9rem;
    padding: 1.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
}
.form input:first-child{
    width: 90%;
}
.i-sus{
    border-radius:9rem;
    color: var(--blanco);
    background-color:var(--negro);
}
.i-sus:hover{
    cursor: pointer;
}
@media (min-width: 768px){
    .form{
        display: flex;
        gap: 2rem;
    }
    .form input{
        padding: 1.2rem;
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .input-cont:first-child{
        width: 60%;
    }
}
@media (min-width: 1024px){
    .form{
        width: 80%;
    }
}