.button-content-wrapper{display:flex;flex-direction:column;position:relative}.button-content-wrapper .expandable,.button-content-wrapper button{background-color:inherit;color:currentColor;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit}.button-content-wrapper .expandable{background-color:#ccc}.button-content-wrapper.disabled .icon{display:none}.button-content-wrapper:not(.disabled) button{border:2px solid #e6e6e6;border-radius:3px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5em;padding:.5em 1em;transition:all 1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-content-wrapper:not(.disabled) button.open .icon{rotate:180deg;transition:all 1s ease-in}.button-content-wrapper:not(.disabled) button.hidden .icon{rotate:1turn;transition:all 1s ease}.button-content-wrapper:not(.disabled) button .button-icon{height:1.2em;margin-left:1em;width:1.2em}.button-content-wrapper:not(.disabled) button .button-icon svg path{stroke-width:1.5px}.button-content-wrapper.disabled .expandable{display:none}.button-content-wrapper:not(.disabled) .expandable{background-color:#4d4d4d;left:0;position:absolute;right:0;top:0;transition:all 1s ease;z-index:10}.button-content-wrapper:not(.disabled) .expandable .option-wrapper{transition:all 1s ease}.button-content-wrapper:not(.disabled) .expandable .option-wrapper.open{height:200px;overflow-y:auto;padding-bottom:.6em;width:100%}.button-content-wrapper:not(.disabled) .expandable .option-wrapper.hidden{height:0;overflow:hidden}.button-content-wrapper:not(.disabled) .expandable .option-wrapper .option{cursor:pointer;padding-left:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-content-wrapper:not(.disabled) .expandable .option-wrapper .option.selected{background:gray}.button-content-wrapper:not(.disabled) .expandable .option-wrapper .option:hover{background:#999}@keyframes button-hover{0%{background:linear-gradient(to bottom right,#48b1bf,#06beb6);opacity:.1}to{opacity:1}}