input[type=text],
input[type=password],
textarea,
select {
    padding:.5rem 1rem;
    background-color:#EEEEEE;
    border:1px solid var(--border-color);
}

select:focus,
textarea:focus,
input:focus {
    outline: none;
    border-color: var(--accent-color);
}

button {
    border: none;
    cursor: pointer;
    font-weight: 500;
}



.btn-cancel{
    padding:.5rem 1rem;
    border:1px solid #00000033;
    border-radius:4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    width:100%;
    transition:all .3s linear;
    flex:1;
}

.btn-cancel:hover{
    background-color:var(--color-gray-900);
    color:white;
}

.btn-confirm{
    padding:.5rem 1rem;
    border:1px solid #00000033;
    border-radius:4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    width:100%;
    transition:all .3s linear;
    flex:1;
    background-color:var(--color-blue);
    color:var(--color-white);
}

.btn-confirm:hover{
        background-color:var(--color-blue-600);
}