.rivax-authors-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; } .rivax-authors-list .author { position: relative; display: flex; align-items: center; gap: 15px; padding: 10px; border: 1px solid #9ea3b14f; border-radius: var(--soft-radius); transition: 0.3s; } .rivax-authors-list .author:hover { box-shadow: 0 2px 4px #27282d54; } .rivax-authors-list a { border-radius: inherit; } .rivax-authors-list .author img { width: 60px; border-radius: var(--soft-radius); flex-shrink: 0; box-shadow: 0 2px 6px #27282f21; border: 2px solid #fff; transition: 0.3s; } .rivax-authors-list .content { flex-grow: 1; display: flex; flex-direction: column; align-items: baseline; gap: 10px; } .rivax-authors-list .content span { line-height: 1; } .rivax-authors-list .name { font-weight: 500; font-size: 0.9rem; background-image: linear-gradient(90deg, currentColor, currentColor); background-repeat: no-repeat; background-size: 0 1px; background-position: 0 bottom; transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); display: inline; padding: 2px 0; } .rivax-authors-list .author:hover .name{ background-size: 100% 1px; } .rivax-authors-list .position { font-size: 0.85rem; } .rivax-authors-list .count { flex-shrink: 0; font-size: 0.85rem; display: inline-flex; justify-content: center; align-items: center; }