.feature-card{height:100%;padding:24px;margin-bottom:24px;transition:.2s ease-in-out;position:relative;text-align:center;border-radius:24px;width:100%}.feature-card__body{margin-right:auto;margin-left:auto}.feature-card__icon{margin-bottom:24px;transition:.2s ease-in-out;margin-top:.56rem}.feature-card__link{right:0;position:absolute;bottom:0;top:0;cursor:pointer;left:0}.feature-card--with-link:hover{transform:scale(1.02)}.feature-card--with-link:hover .feature-card__icon{transform:scale(1.1) translateY(2px)}.feature-card--accent{color:hsla(0,0%,100%,.8);background:linear-gradient(111.02deg,#2f444e,#00dc78)}.feature-card--accent.feature-card--shadow{box-shadow:0 16px 32px rgba(50,70,81,.2),0 8px 16px rgba(50,70,81,.2)}.feature-card--accent.feature-card--shadow.feature-card--with-link:hover{box-shadow:0 32px 64px rgba(50,70,81,.2),0 16px 32px rgba(50,70,81,.2)}.feature-card--accent .feature-card__title{color:#fff}.feature-card--dark{color:hsla(0,0%,100%,.8);background:#222326}.feature-card--dark.feature-card--shadow{box-shadow:0 16px 32px rgba(34,35,38,.05),0 8px 16px rgba(34,35,38,.05)}.feature-card--dark.feature-card--shadow.feature-card--with-link:hover{box-shadow:0 32px 64px rgba(34,35,38,.05),0 16px 32px rgba(34,35,38,.05)}.feature-card--dark .feature-card__title{color:#fff}.feature-card--light{background:#f8f9fb}.feature-card--light.feature-card--shadow{box-shadow:0 16px 32px rgba(34,35,38,.05),0 8px 16px rgba(34,35,38,.05)}.feature-card--light.feature-card--shadow.feature-card--with-link:hover{box-shadow:0 32px 64px rgba(34,35,38,.05),0 16px 32px rgba(34,35,38,.05)}.feature-card--white{background:#fff}.feature-card--white.feature-card--shadow{box-shadow:0 16px 32px rgba(34,35,38,.05),0 8px 16px rgba(34,35,38,.05)}.feature-card--white.feature-card--shadow.feature-card--with-link:hover{box-shadow:0 32px 64px rgba(34,35,38,.05),0 16px 32px rgba(34,35,38,.05)}.feature-card--ghost{color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.1)}.feature-card--ghost.feature-card--shadow{box-shadow:0 16px 32px rgba(34,35,38,.05),0 8px 16px rgba(34,35,38,.05)}.feature-card--ghost.feature-card--shadow.feature-card--with-link:hover{box-shadow:0 32px 64px rgba(34,35,38,.05),0 16px 32px rgba(34,35,38,.05)}.feature-card--ghost .feature-card__title{color:#fff}