button{width:50%;border:1px solid var(--buttonBorder); background-color: var(--pointcolor);color:white;padding:5px;margin:auto;border:none;border-radius: 5px;font-size:1.5rem;font-weight: 600;margin:3rem 0;box-shadow: 1px 3px 8px rgba(0,0,0,0.30), 0 2px 2px rgba(0,0,0,0.22);}
button:hover{background-color: rgba(20,135,188,0.8);}
button:active{background-color: var(--pointcolor);box-shadow: 1px 2px 2px rgb(0,0,0,0.2);top:2px;}
select {display: block;width: 100%;padding: .375rem 3rem .375rem 1rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);-webkit-appearance: none; -moz-appearance: none;appearance: none;background-color: var(--backcolor);
        background-image: url("/img/sub/keyboard_arrow_down_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg");background-repeat: no-repeat;background-position: right 1rem center;background-size: 16px 30px;border: 5px solid var(--backcolor);border-radius: 5px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
select:focus, option:focus, textarea:focus, button:focus{outline: none;}
select option {padding: 3px 0;}
select option:hover {background-color:var(--pointcolor);}

.btn_clear{background-color: #fff;border:1px solid var(--clearBorder);color:var(--clearBorder)}
.btn_clear:hover{background-color:rgba(233, 113, 113,0.1);}
.btn_remove{position:absolute;background-color:#ee1f1f;padding:5px;border-radius: 50%;right:-17px;top:-20px;color:#f1f1f1;display: flex;align-items: center;justify-content: center;font-size: 14px;}
.btn_remove:hover{cursor: pointer;}