.FunctionCard { display: flex; align-items: center; position: relative; flex-direction: column; word-wrap: break-word; box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, .25); border: 1px solid black; border-radius: 1rem; margin: 0 0 40px 0; cursor: pointer; transition: all .3s; } .FunctionCard:hover { transform: translateY(-7px); } /* col-md */ @media (min-width: 768px) { .FunctionCard { margin: 0 30px 40px 30px; } } /* col-xl */ @media (min-width: 1200px) { .FunctionCard { margin: 0 13px 40px 13px; } } .FunctionCard__title { font-size: 1.4em; margin: 0; color: var(--important); font-weight: 300; } .FunctionCard__description { margin: 20px 0 10px 0; } .FunctionCard__info { display: flex; justify-content: center; align-items: center; width: 100%; } .FunctionCard__category { border-radius: 0.5em; padding: 0.5em; margin-right: 20px; }