.ar-card,.ar-card-container{position:relative}.ar-card{width:320px;height:450px;background:#232323;border-radius:20px;overflow:hidden}.ar-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#049add;clip-path:circle(150px at 80% 20%);transition:.5s ease-in-out}.ar-card:hover:before{clip-path:circle(300px at 80% -20%)}.ar-card:after{content:"AR";position:absolute;top:50%;left:-10%;font-size:14em;font-weight:800;font-style:italic;color:rgba(28,183,255,.105)}.ar-card-imageBox{position:absolute;top:60%;transform:translateY(-50%);z-index:1;width:400px;height:320px;transition:.5s}.ar-card:hover .ar-card-imageBox{top:0;transform:translateY(20%)}.ar-card-imageBox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:317px;filter:brightness(.6) hue-rotate(334deg)}.ar-card-content{position:absolute;bottom:0;width:100%;height:100px;text-align:center;transition:1s;z-index:10;display:flex;justify-content:center;flex-direction:column;align-items:center}.ar-card:hover .ar-card-content{height:210px}.ar-card-content h2{position:relative;font-weight:600;letter-spacing:1px;color:#fff;margin:0;font-size:27px}.ar-card-content-description{display:flex;justify-content:center;align-items:center;transition:.5s;opacity:0;visibility:hidden;font-size:14px;background:#20232736;width:90%;padding:10px 8px;border-radius:10px;color:white}.ar-card:hover .ar-card-content-description{opacity:1;visibility:visible;transition-delay:.5s;color:#cacaca;line-height:1.4;margin-bottom:20px;margin-top:10px;font-size:14px}.ar-card-content a{display:inline-block;padding:10px 20px;background:#fff;border-radius:4px;text-decoration:none;font-weight:600;color:#111;opacity:1;transform:translateY(-50px);transition:.5s;margin-top:0}.ar-card:hover .ar-card-content a{opacity:1;transform:translateY(0)}