.flat-button{border-radius:4px;font-size:14px;background:none;cursor:pointer;transition:background-color 1s,color 1s;background-color:#a7c4d4;color:#4f6c77;min-width:108px;padding:7px 12px;justify-content:space-between;display:flex;margin:10px;align-items:center;flex-direction:row;border:1px solid #4F6C77}.flat-button:hover{background-color:#f6e8da}.stroked-button{padding:12px 24px;border-radius:4px;font-size:14px;background:none;cursor:pointer;transition:background-color 1s,color 1s;background-color:#fff;color:#000;width:100%;border:1px solid #000}.stroked-button:hover{background-color:#f6e8da}.underline-button{border-bottom:1px solid #000;background-color:#fff;border-left:none;border-right:none;border-top:none;padding:0;cursor:pointer}.filter-button{border:1px solid #dadada;border-radius:30px;background:#fff;padding:8px 12px 8px 8px;width:fit-content;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px}.filter-button.selected{border-color:#84681e;color:#84681e}.filter-button.expanded{border:1px solid #000}.filter-button span{padding-left:3.5px}.filter-button div{border-radius:50%;color:#fff;height:16px;margin-left:3.5px;display:flex;align-items:center;justify-content:center;width:16px;font-size:12px;background-color:#84681e}.base-button{padding:12px 24px;border-radius:4px;font-size:14px;background:none;cursor:pointer;transition:background-color 1s,color 1s}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body.modal-open{overflow:hidden}