.agenda *{box-sizing:border-box}.agenda{display:flex}.agenda__info{width:200px;padding-right:15px;flex-shrink:0}.agenda__time{text-align:center;padding:10px;background-color:#008872;color:#fff;font-weight:700;font-size:20px;box-shadow:2px 4px 20px -10px rgba(0,0,0,0.67)}.agenda__content{box-shadow:2px 4px 20px -10px rgba(0,0,0,0.67);position:relative;padding-bottom:10px;text-align:left;flex-grow:1}.agenda__title{display:flex;height:48px;align-items:center;text-transform:uppercase;background-color:#008872;color:#fff;margin:0;padding:10px;font-size:20px}.agenda__presenter{padding:10px}.agenda__presenter span{text-transform:uppercase;color:gray;font-weight:600;font-size:18px;position:relative}.agenda__desc{max-height:0;overflow:hidden;transition:all .5s;padding:0 10px;margin:5px 0 5px 0}.agenda__opener{height:23px;width:23px;border-radius:50%;background-color:#008872;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) rotate(180deg);cursor:pointer;transition:all .3s}.agenda__opener:after,.agenda__opener:before{content:'';display:block;position:absolute;height:10px;width:2px;border-radius:3px;background-color:#fff;left:50%;top:50%}.agenda__opener:after{transform-origin:right top;transform:translate(-40%,-40%) rotate(40deg)}.agenda__opener:before{transform-origin:left top;transform:translate(-60%,-40%) rotate(-40deg)}.agenda__opener-box:checked+.agenda__opener{transform:translate(-50%,50%)}.agenda__opener-box:checked+.agenda__opener+.agenda__desc{max-height:400px}.agenda__presenter-delimiter{display:inline-block;width:2px;height:14px;background-color:#008872;margin:0 10px}.agenda__icon{width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:10px;transform:translateY(-3px);flex-shrink:0}@media(max-width:700px){.agenda{flex-direction:column;position:relative}.agenda__time{position:absolute;top:0;left:0;z-index:2;font-size:16px;box-shadow:none;background-color:transparent}.agenda__title{font-size:14px;padding:50px 0 20px 10px}.agenda__presenter span{font-size:13px}.agenda__presenter-delimiter{margin:0 5px}.agenda__icon{width:16px;height:16px}}