.dropdown-el{position:relative;display:inline-block;right:0;top:0;max-height:2em;overflow:hidden;cursor:pointer;text-align:left;white-space:nowrap;color:#444;outline:0;border:.06em solid transparent;transition:.3s all ease-in-out;font-size:1rem}.dropdown-el input{display:none}.dropdown-el label{border-top:.06em solid #d9d9d9;display:block;height:2em;line-height:2em;padding-left:.5em;padding-right:2em;cursor:pointer;position:relative;transition:.3s color ease-in-out}.dropdown-el label:nth-child(2){margin-top:2em;border-top:.06em solid #d9d9d9}.dropdown-el input:checked+label{display:block;border-top:none;position:absolute;top:0}.dropdown-el input:checked+label:nth-child(2){margin-top:0;position:relative}.dropdown-el::after{content:"";position:absolute;right:1.1em;top:.9em;border:.3em solid #754b23;border-color:#754b23 transparent transparent transparent;transition:.4s all ease-in-out}.dropdown-el.expanded{border:.06em solid #754b23;background:#fff;border-radius:.25em;padding:0;box-shadow:rgba(0,0,0,.1) 3px 3px 5px 0;max-height:15em}.dropdown-el.expanded label{border-top:.06em solid #d9d9d9}.dropdown-el.expanded label:hover{color:#754b23}.dropdown-el.expanded input:checked+label{color:#754b23}.dropdown-el.expanded::after{transform:rotate(-180deg);top:.55em}