.card{display:flex;flex-direction:column;gap:clamp(15px,10px + .0104166667 * 100vw,25px);height:100%;padding-bottom:2px;position:relative}.card__tip{background-color:var(--key-color);border:1px solid transparent;color:var(--white);padding:8px 15px;position:absolute;right:0;top:20px;transition:color var(--ease),background-color var(--ease),border-color var(--ease);z-index:1}.card__image{aspect-ratio:1/1}.card__title{transition:color var(--ease)}.card__author{color:var(--grey);font-size:12px;line-height:160%;margin-top:5px}.card__text{display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;margin-top:clamp(10px,7.5px + .0052083333 * 100vw,15px);-webkit-box-orient:vertical;overflow:hidden}.card__bottom{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;margin-top:auto}.card:hover .card__title{color:var(--key-color)}.card:hover .card__tip{background-color:transparent;border-color:var(--key-color);color:var(--key-color)}@media(max-width:767px){.card__tip{padding:6px 10px}.card__author{font-size:10px;line-height:100%}.card__bottom{align-items:flex-start;flex-direction:column}}