.c-favorite-button{--height:28px;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:calc(var(--height)/2);cursor:pointer;min-width:var(--height);max-width:var(--height);height:var(--height);white-space:nowrap;z-index:2;background-color:#362f2480;border:none;justify-content:flex-end;align-items:center;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem;overflow:hidden}.c-favorite-button:hover:not(.is-liked){max-width:280px}.c-favorite-button:hover:not(.is-liked) span{opacity:1;transform:translate(0)}.c-favorite-button.is-liked,.c-favorite-button.is-liked:hover{max-width:280px}.c-favorite-button.is-liked span{opacity:1;transform:translate(0)}.c-favorite-button__icon{width:24px;height:24px;transition:all .3s;position:absolute;top:2px;right:2px}.c-favorite-button__icon path{fill:var(--color-detail,var(--db-gray-000))}.c-favorite-button span{color:var(--db-gray-000);font-size:var(--small-size);opacity:0;padding:0 28px 0 12px;font-weight:500;transition:all .3s;transform:translate(10px)}.c-favorite-button--big{--height:40px;background-color:var(--db-gray-950);justify-content:flex-start}.c-favorite-button--big .c-favorite-button__icon{width:40px;height:40px;top:0;left:0;right:auto}.c-favorite-button--big span{font-size:var(--body-small-size);padding:0 12px 0 42px;transform:translate(-10px)}
.c-teaser{flex-direction:column;text-decoration:none;display:flex;position:relative}.c-teaser__figure{flex:none;margin:0 0 .625rem;font-size:0;position:relative;overflow:hidden}.c-teaser__figure:hover img{transform:scale(1.05)}.c-teaser__figure img:not(.c-favorite-button__icon){object-fit:cover;width:100%;height:100%;transition:transform .125s ease-in-out}.c-teaser__cat{color:var(--primary);font-size:var(--small-size);letter-spacing:.72px;text-transform:uppercase;margin:0 0 .5rem;font-weight:700}.c-teaser__title{color:var(--body-color);font-family:var(--body-font);font-size:var(--h4-size);text-transform:none;margin-bottom:.75rem;font-weight:600}.c-teaser__tags{flex-wrap:wrap;gap:.5rem;display:flex}.c-teaser__tag{background-color:var(--db-gray-100);color:var(--body-color);font-size:var(--small-size);border-radius:2px;padding:3px 10px 6px;font-weight:500}.c-teaser--horizontal{gap:var(--gap);grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;display:grid;position:relative}@media (max-width:600px){.c-teaser--horizontal{flex-direction:row;display:flex}}.c-teaser--horizontal .c-pill{top:.625rem;left:.625rem}@media (max-width:600px){.c-teaser--horizontal .c-pill{order:1;align-self:flex-start;position:static!important}}.c-teaser--horizontal .c-favorite-button{margin-bottom:.5rem;top:10px;right:10px}.c-teaser--horizontal .c-teaser__figure{border-radius:var(--border-radius);grid-column:1/span 2;margin:0}@media (max-width:600px){.c-teaser--horizontal .c-teaser__figure{flex-direction:column;gap:.5rem;display:flex}}.c-teaser--horizontal .c-teaser__figure img:not(.c-favorite-button__icon){aspect-ratio:202/135;object-fit:cover;width:100%;height:100%}@media (max-width:600px){.c-teaser--horizontal .c-teaser__figure img:not(.c-favorite-button__icon){aspect-ratio:1;height:auto}}.c-teaser--horizontal .c-teaser__detail{grid-column:3/span 4}.c-teaser--horizontal .c-teaser__title{font-weight:600}.c-teaser figure:hover .slick-slide img{transform:none!important}
