.carousel{float:right;margin:0 0 1em 3em;max-width:40%;position:relative;width:420px}.carousel>div{left:0;position:absolute;top:0;transition:opacity .3s ease}.carousel>div:first-child{left:auto;position:relative;top:auto}.carousel>div.hidden{opacity:0}.carousel img{cursor:zoom-in;max-width:100%}.carousel button,.carousel figcaption{text-align:center}.carousel button{background-color:rgba(64,64,64,.25);border-radius:12px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:16px;height:24px;left:0;line-height:24px;padding:0;position:absolute;top:45%;transform:translateY(-50%);transition:color .5s ease,background-color .5s ease;user-select:none;width:24px}.carousel button:last-child{left:auto;right:0}.carousel:hover button{background-color:rgba(64,64,64,.5);color:hsla(0,0%,100%,.75)}.carousel:hover button:hover{background-color:rgba(64,64,64,.75);color:#fff}