:root{--first-color: hsl(82, 60%, 28%);--body-color: hsl(0, 0%, 95%);--container-color: #014140;--body-font: "Poppins", sans-serif;--h2-font-size: 1.25rem;--small-font-size: .813rem}@media screen and (min-width: 1120px){:root{--h2-font-size: 1.5rem;--small-font-size: .875rem}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--body-font);background-color:var(--body-color);color:var(--text-color)}img{display:block;max-width:100%;height:auto}.container{display:grid;place-items:center;margin-inline:1.5rem;padding-block:1.4rem}.card__container{display:grid;row-gap:3.5rem}.card__article{position:relative;overflow:hidden}.card__img{width:328px;border-radius:1.5rem;border:1px dashed #014140}.card__data{width:280px;background-color:var(--container-color);padding:10px 0;box-shadow:0 8px 24px #0000004d;border-radius:1rem;position:absolute;bottom:-9rem;left:0;right:0;margin-inline:auto;opacity:0;transition:opacity 1s 1s;color:#fff!important}.card__description{display:block;font-size:var(--small-font-size);margin-bottom:0rem}.card__title{font-size:var(--h2-font-size);font-weight:500;margin-bottom:0rem}.card__button{text-decoration:none;font-size:var(--small-font-size);font-weight:500;color:var(--first-color)}.card__button:hover{text-decoration:underline}.card__article:hover .card__data{animation:show-data 1s forwards;opacity:1;transition:opacity .3s}.card__article:hover{animation:remove-overflow 2s forwards}.card__article:not(:hover){animation:show-overflow 2s forwards}.card__article:not(:hover) .card__data{animation:remove-data 1s forwards}@keyframes show-data{50%{transform:translateY(-10rem)}to{transform:translateY(-7rem)}}@keyframes remove-overflow{to{overflow:initial}}@keyframes remove-data{0%{transform:translateY(-7rem)}50%{transform:translateY(-10rem)}to{transform:translateY(.5rem)}}@keyframes show-overflow{0%{overflow:initial;pointer-events:none}50%{overflow:hidden}}@media screen and (max-width: 420px){.container{margin-inline:1rem}.card__data{width:250px;padding:1rem}}@media screen and (min-width: 728px){.card__container{grid-template-columns:repeat(2,1fr);column-gap:1.5rem}.card__data{width:250px;padding:1rem}}@media screen and (min-width: 1120px){.card__container{grid-template-columns:repeat(3,1fr)}.card__img{width:348px}.card__data{width:316px;padding-inline:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */