@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap");button.expand{--button-height:48px;overflow:hidden;outline:none;background-color:var(--color-green);border-radius:10px;padding:12px 25px;font-size:1.1em;border:none;color:#fff;font-family:Nunito,sans-serif;cursor:pointer;position:relative;transition:padding .3s}.expand-icon{height:var(--button-height);width:var(--button-height)}button.expand.loading,button.expand:hover{padding-right:calc(25px + var(--button-height))}button.expand.loading>.expand-icon,button.expand:hover>.expand-icon{transform:translateX(0);transition:transform .3s .05s}button.expand.loading>.expand-icon>svg{transform:scale(0)}@keyframes rotate{0%{transform:scale(.3) rotate(0deg)}to{transform:scale(.3) rotate(1turn)}}.loader{--loader-size:52px;height:var(--loader-size);width:var(--loader-size);border-color:#fff transparent;border-style:solid;border-width:4px;background-color:transparent;border-radius:50%;animation:rotate 1.5s linear infinite;position:absolute;right:0;opacity:0;pointer-events:none;transition:opacity 1s .3s}button.expand.loading>span>span.loader{opacity:1}button.expand.loaded>span>span.loader{opacity:0!important}button.expand.loaded>.expand-icon>svg.first{display:none}button.expand.loaded>.expand-icon>svg.second{display:block}button.expand.finished>.expand-icon>svg.second{transform:scale(1.5) translateY(0)}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.waving_hand{animation-name:wave;animation-duration:2s;animation-iteration-count:infinite;width:-moz-fit-content;width:fit-content}*{box-sizing:border-box}button.custom-button{--button-height:48px;height:-moz-fit-content;height:fit-content;overflow:hidden;outline:none;background-color:var(--color-green);cursor:pointer;position:relative;transition:padding .3s}.expand-icon{--icon-size:10px;height:100%;position:absolute;top:0;right:0;border-left:1px solid #eee;display:flex;justify-content:center;align-items:center;transform:translateX(calc(var(--button-height) + 1px));transition:transform .3s}.expand-icon>svg{height:var(--icon-size);width:var(--icon-size);transform:scale(1.5);transition:transform .3s}.expand-icon>svg.second{display:none;transform:scale(0) translateY(50px);transition:transform .3s}button.custom-button.loading,button.custom-button:hover{padding-right:calc(25px + var(--button-height))}button.custom-button.loading>.expand-icon,button.custom-button:hover>.expand-icon{transform:translateX(0);transition:transform .3s .05s}