.featured-article{width:100%;padding-top:2rem;padding-bottom:2rem}.featured-article-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.featured-article-card:hover{box-shadow:0 4px 10px #0000001a}.featured-article-content{display:flex;flex-direction:column}@media (min-width: 768px){.featured-article-content{flex-direction:row}}.featured-article-image-wrapper{position:relative;height:16rem;width:100%}.featured-article-image-wrapper img{object-fit:cover}@media (min-width: 768px){.featured-article-image-wrapper{height:auto;width:40%;flex-shrink:0}}.featured-article-label-wrapper{position:absolute;top:1rem;left:1rem}.featured-article-label{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:#fff;background-color:#ee2a4b;border-radius:9999px}.featured-article-text{padding:1.5rem;width:100%;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.featured-article-text{padding:2rem;width:60%}}.featured-article-meta{display:flex;align-items:center;color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.featured-article-meta-item{display:flex;align-items:center;gap:.25rem}.featured-article-meta-separator{margin:0 .5rem;color:#d1d5db}.featured-article-title{font-size:1.25rem;font-weight:700;color:#58098f;margin-bottom:1rem;transition:color .3s}@media (min-width: 768px){.featured-article-title{font-size:1.875rem}}.featured-article-title a:hover{color:#f64555}.featured-article-excerpt{color:#4b5563;margin-bottom:1.5rem;max-width:768px;margin:auto}.featured-article-button{align-self:flex-start;display:inline-flex;height:2.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background-color:#f64555;border-radius:.375rem;text-decoration:none;transition:background-color .3s}.featured-article-button:hover{background-color:#e53e44}.article-two-columns{display:flex;flex-direction:column;gap:20px}.article-column{flex:1}@media (min-width: 768px){.article-two-columns{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-featured-article.css.map */