.slider-wrapper{display:flex}#cardSlider>div{padding:5px;min-height:100%;display:flex}.card-item{background:white;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,0.2);padding:30px;text-align:center;margin-top:0;margin-bottom:0}.arrow{color:#fff;cursor:pointer;display:block;align-items:flex-start;text-transform:uppercase;position:relative;transition:transform .3s;display:flex;align-items:center}.arrow span{display:block;width:4em;opacity:0;transition:opacity .3s 0s;padding:0 .5em}.arrow:hover span{opacity:1;transition:opacity .3s .1s}.arrow:before{content:"";display:block;border:solid #fff;border-width:2px 2px 0 0;position:absolute;top:50%;margin-top:-6px;width:10px;height:10px}.arrow.arrow--left:before{transform:rotate(-135deg);right:10px;transition:right .3s .2s}.arrow.arrow--left:hover:before{right:100%;transition:right .3s}.arrow.arrow--right{text-align:right}.arrow.arrow--right:before{left:10px;transform:rotate(45deg);transition:left .3s .2s}.arrow.arrow--right:hover:before{left:100%;transition:left .3s}.arrow:hover{transform:none}@media(max-width:450px){.arrow span,.arrow.arrow--left:before,.arrow.arrow--right:before{display:none}}