.cardswithoverlay .content__opener{position:absolute;background-color:#0058a7;bottom:0;left:0;width:100px;aspect-ratio:1;cursor:pointer}@media screen and (max-width:1199.98px){.cardswithoverlay .content__opener{width:80px}}@media screen and (max-width:767.98px){.cardswithoverlay .content__opener{width:70px}}.cardswithoverlay .content__opener .content__opener--icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#FFF;font-size:50px;transition:all ease 0.3s;z-index:10}@media screen and (max-width:1199.98px){.cardswithoverlay .content__opener .content__opener--icon{font-size:40px}}@media screen and (max-width:767.98px){.cardswithoverlay .content__opener .content__opener--icon{font-size:30px}}.cardswithoverlay .content__opener.active .content__opener--icon{transform:translate(-50%, -50%) rotate(45deg)}.cardswithoverlay .content__holder{top:0;left:0;bottom:0;right:0;background-color:#0058a7;position:absolute;pointer-events:none;opacity:0;transition:all ease 0.3s;border-radius:50px !important}.cardswithoverlay .content__holder.active{opacity:1;pointer-events:all;overflow-y:auto}.cardswithoverlay .content__holder *{color:#FFF}