#work .film-caption{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px}
.selected-film-controls{display:flex;align-items:center;gap:8px}
.selected-film-controls button{display:grid;place-items:center;min-width:42px;min-height:44px;padding:6px;border:1px solid #303a322e;border-radius:50%;background:transparent;color:inherit;font:inherit;cursor:pointer}
.selected-film-controls button:hover{background:#ffffff55}
.selected-film-controls button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.selected-film-count{font-size:11px;min-width:34px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:700px){#work .film-caption{grid-template-columns:1fr auto;gap:14px}#work .film-caption>p{grid-column:1/-1}.selected-film-controls{gap:6px}#work .film-caption>.text-link{justify-self:end}}