.card-blog{position:relative;display:flex;height:fit-content;width:100%;cursor:pointer;flex-direction:column;overflow:hidden;border-radius:10px;gap:20px;border:.8px solid #c7c7cc}@media (min-width:1440px){.card-blog{margin-bottom:0}}.card-blog__head{position:relative;height:fit-content;width:100%}.card-blog__head-image{height:200px;display:flex;width:100%;object-fit:cover}@media (min-width:1440px){.card-blog__head-image{height:282px}}.card-blog__head-image img{width:100%;border-radius:10px 10px 0 0}.card-blog__head-topic{position:absolute;display:flex;width:fit-content;align-items:center;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-transform:uppercase;border-radius:5px;padding:5px;top:20px;right:20px}@media (min-width:1440px){.card-blog__head-topic{border-radius:10px;padding:10px}}.card-blog__head-topic p{font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width:1440px){.card-blog__head-topic p{font-size:1.125rem;line-height:1.75rem}}.card-blog__body{display:flex;flex-direction:column;padding:0 10px 10px;gap:10px}@media (min-width:1024px){.card-blog__body{gap:5px}}@media (min-width:1280px){.card-blog__body{padding:0 15px 15px;gap:15px}}@media (min-width:1440px){.card-blog__body{padding:0 20px 20px;gap:20px}}.card-blog__body-access{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(2 15 79/var(--tw-text-opacity,1));line-height:20px}@media (min-width:1440px){.card-blog__body-access{font-size:1.125rem;line-height:1.75rem;font-weight:500;line-height:22px}}.card-blog__body .free{color:#3cad25}.card-blog__body h4{font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));line-height:20px}@media (min-width:1440px){.card-blog__body h4{font-size:1.125rem;line-height:1.75rem;font-weight:500;line-height:22px}}.card-blog__body-description{display:flex;width:100%;gap:10px}@media (min-width:1440px){.card-blog__body-description{gap:20px;height:24px}}.card-blog__body-description .item{display:flex;align-items:center;gap:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}@media (min-width:1440px){.card-blog__body-description .item{font-size:1.125rem;line-height:1.75rem}}.card-blog:hover .card-blog__hover{transform:translateX(0);transition:.3s ease-in-out}@media (min-width:1024px){.card-blog:hover .card-blog__hover{transition-delay:.75s}}.card-blog__hover{transition:.3s ease-in-out;background-color:#efefff;position:absolute;display:flex;height:100%;width:100%;flex-direction:column;justify-content:space-between;transform:translateX(100%);padding:15px;border-radius:5px}@media (min-width:1440px){.card-blog__hover{justify-content:space-between;padding:20px;border-radius:10px}}.card-blog__hover-price{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(3 30 169/var(--tw-text-opacity,1))}@media (min-width:1440px){.card-blog__hover-price{font-size:1.5rem;line-height:2rem}}.card-blog__hover-text{display:flex;flex-direction:column;gap:20px}.card-blog__hover-text h4{font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));line-height:20px;font-size:16px}@media (min-width:1440px){.card-blog__hover-text h4{font-size:1.125rem;line-height:1.75rem;line-height:22px}}.card-blog__hover-text .info{display:flex;width:100%;gap:20px}.card-blog__hover-text .info .item{display:flex;align-items:center;gap:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}@media (min-width:1440px){.card-blog__hover-text .info .item{font-size:1.125rem;line-height:1.75rem}}.card-blog__hover-text p{line-height:20px;font-size:.875rem;line-height:1.25rem}@media (min-width:1440px){.card-blog__hover-text p{font-size:1.125rem;line-height:1.75rem}}.card-blog__hover-wrapper_btns{display:flex;justify-content:space-between;gap:22px}.card-blog__hover-wrapper_btns button{width:100%}@media (min-width:1024px){.card-blog__hover-wrapper_btns button{padding:12px;font-size:14px}}@media (min-width:1280px){.card-blog__hover-wrapper_btns button{padding-block:12px;font-size:1rem;line-height:1.5rem}}