.dropdown{border-radius:999px;cursor:pointer;padding:1.6rem 2.4rem}.dropdown.quiz-button-solid{background:#188a68;border:2px solid #188a68}.dropdown.quiz-button-outline{background:0 0;border:2px solid rgba(24,138,104,.2)}.dropdown.quiz-button-outline:hover{border:2px solid #188a68}.dropdown.quiz-button-solid .dropdown-value{color:#fff}.dropdown.quiz-button-solid .dropdown-icon{border-top:5px solid #fff}.dropdown.quiz-button-outline .dropdown-value{color:#188a68}.dropdown.quiz-button-outline .dropdown-icon{border-top:5px solid #188a68}.dropdown-option-link{color:#000;text-decoration:none}.dropdown-icon{border-left:5px solid transparent;border-right:5px solid transparent;height:0;width:0}.dropdown-link a,.dropdown-nolink{padding:20px}.dropdown-box{align-items:center;color:#000;cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:0 15px}.dropdown-options-container{background:#fff;border-radius:4px;left:-2px;min-width:102%;opacity:0;pointer-events:none;position:absolute;top:-2px;transform:translateY(-40px);transition:transform .3s,opacity .3s;z-index:-1}.is-opened .dropdown-options-container{box-shadow:0 10px 30px rgba(0,0,0,.1);opacity:1;pointer-events:all;transform:translateY(0);z-index:5}.dropdown-option{height:54px}.dropdown-option:hover{background:#e4f7f2}.dropdown-icon,.dropdown-inner,.dropdown-value{pointer-events:none}.dropdown-icon{margin-left:8px;transition:transform .3s}.is-opened .dropdown-icon{transform:rotate(180deg)}