.hover-tiles{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;position:relative}.hover-tiles__tile{background-color:#f5f5f8;color:inherit;display:inline-flex;flex:1;flex-direction:column;height:200px;justify-content:flex-end;overflow:hidden;padding:16px;position:relative;text-decoration:none;transition:transform .3s ease}.hover-tiles__tile:before{background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.hover-tiles__tile:hover:before{opacity:1}.hover-tiles__tile:hover{transform:translateY(-5px)}.hover-tiles__tile__content{align-items:flex-end;display:flex;justify-content:space-between}.hover-tiles__tile__text{display:flex;flex-direction:column;gap:0;overflow:hidden}.hover-tiles__tile__text h2{color:#000;font-size:24px;font-weight:300;line-height:1.4;margin:0;transition:transform .3s ease}.hover-tiles__tile__text__description{color:#666;font-family:Poppins,sans-serif;font-size:14px;font-weight:300;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s ease,transform .3s ease,max-height .3s ease}.hover-tiles__tile:hover h2{transform:translateY(-5px)}.hover-tiles__tile:hover .hover-tiles__tile__text__description{max-height:80px;opacity:1}.hover-tiles__tile__arrow{align-items:center;display:flex;justify-content:flex-end;margin-left:16px;z-index:2}.hover-tiles__tile__arrow img{height:20px;transition:transform .3s ease,filter .3s ease;width:20px}.hover-tiles__tile:hover .hover-tiles__tile__arrow img{filter:brightness(1.2);transform:translateX(5px)}@media screen and (max-width:768px){.hover-tiles{flex-direction:column}.hover-tiles__tile{height:100px;width:100%}.hover-tiles__tile__text h2{font-size:18px}.hover-tiles__tile__arrow img{height:18px;width:18px}}