details{width:100%;min-height:5px;padding:0 20px;margin:0 auto;position:relative;font-size:16px;border:1px solid rgba(0,0,0,.1);border-radius:15px;box-sizing:border-box;transition:all .3s}details+details{margin-top:20px}details[open]{padding-bottom:20px}details[open]{min-height:50px;background-color:#f6f7f8;box-shadow:2px 2px 20px rgba(106,157,151,.5)}details p{color:#000;font-weight:300;margin-bottom:0}summary{display:flex;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer}summary::-webkit-details-marker{display:none}.control-icon{fill:#663399;transition:.3s ease;pointer-events:none}.control-icon-close{display:none}details[open] .control-icon-close{display:initial;transition:.3s ease}details[open] .control-icon-expand{display:none}details[open] summary:hover:after{animation:pulse 1s ease}