.expandable .expand-bar{text-align:center}.expandable .expand-bar::before{height:40px;top:-40px}.expandable .expand-bar>span{padding:.25rem 2rem;background:#01a957;display:inline-block;border-radius:.375rem;color:#fff;position:relative}.expandable .expand-bar>span:before{font-family:"Font Awesome 5 Pro";font-size:.5rem;padding-right:6px;top:50%;transform:translateY(-50%);position:absolute;right:.5rem}.expandable .expand-bar>span.more:before{content:"\f107"}.expandable .expand-bar>span.less:before{content:"\f106"}.expand-bar:not([display='none']) ~ .content-expandable{padding-bottom:50px}.expandable.expanded>*:not(a){padding-bottom:3rem!important}.expandable .expand-bar i{display:none}@media(max-width:424px){.expandable .expand-bar>span{padding:.25rem .5rem}}