.article[data-v-7eb305c8]{display:flex;flex:1;flex-direction:column;margin-bottom:20px;position:relative;text-decoration:none;width:100%}.article__image-wrapper[data-v-7eb305c8]{border-radius:15px;height:200px;margin-bottom:15px;overflow:hidden;position:relative}.article__image-wrapper[data-v-7eb305c8]:after{background-color:#e0e0e04d;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.article__image[data-v-7eb305c8]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .5s ease;width:100%}.article__date-and-category[data-v-7eb305c8]{background:#19a99ee6;border-radius:0 10px 10px 0;left:-800px;padding:5px 15px;position:absolute;top:10px;transition:left .5s ease}.article__date[data-v-7eb305c8]{border-right:1px solid #fff;font-weight:500;margin-right:15px;padding-right:15px}.article__category[data-v-7eb305c8],.article__date[data-v-7eb305c8]{color:#fff;font-size:18px;line-height:30px}.article__category[data-v-7eb305c8]{font-weight:300}.article__contents[data-v-7eb305c8]{flex:1}.article__title[data-v-7eb305c8]{color:#41234d;font-size:21px;font-weight:600;line-height:30px;margin-bottom:5px}.article__short-description[data-v-7eb305c8]{color:#41234d;font-size:16px;font-weight:300;line-height:25px;margin-bottom:15px;text-align:justify}.article:active .article__date-and-category[data-v-7eb305c8],.article:focus .article__date-and-category[data-v-7eb305c8],.article:hover .article__date-and-category[data-v-7eb305c8]{left:0}.article:active .article__image-wrapper[data-v-7eb305c8]:after,.article:focus .article__image-wrapper[data-v-7eb305c8]:after,.article:hover .article__image-wrapper[data-v-7eb305c8]:after{opacity:1}.article:active .article__image[data-v-7eb305c8],.article:focus .article__image[data-v-7eb305c8],.article:hover .article__image[data-v-7eb305c8]{filter:blur(2px);transform:scale(1.05)}.article:active .btn[data-v-7eb305c8],.article:focus .btn[data-v-7eb305c8],.article:hover .btn[data-v-7eb305c8]{background-color:#b48fc2;border-color:#b48fc2;color:#fff}@media (min-width:768px){.article__image-wrapper[data-v-7eb305c8]{height:280px}}@media (min-width:992px){.article[data-v-7eb305c8]{margin:0 15px}.article[data-v-7eb305c8]:first-of-type{margin-left:0}.article[data-v-7eb305c8]:last-of-type{margin-right:0}.article__image-wrapper[data-v-7eb305c8]{height:320px}}@media (min-width:1200px){.article[data-v-7eb305c8]{margin:0 20px}}