.counterclube {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  padding: var(--cc-padding, 18px);
  border-top: 4px solid var(--cc-accent, #073b78);
  border-radius: var(--cc-radius, 5px);
  background: var(--cc-background, #fff);
  font-family: var(--cc-font, inherit);
}

.counterclube *, .counterclube *::before, .counterclube *::after { box-sizing: border-box; }
.counterclube__heading { margin: 10px 0 20px; color: var(--cc-heading, #111); font: 700 var(--cc-heading-size, 20px)/1.25 var(--cc-font, inherit); }
.counterclube__list { list-style: none; margin: 0; padding: 0; }
.counterclube__item { margin: 0; padding: 0; border-bottom: 1px solid var(--cc-divider, #e6e8eb); border-radius: var(--cc-item-radius, 10px); }
.counterclube__item:last-child { border-bottom-color: transparent; }
.counterclube__link { display: flex; align-items: flex-start; gap: 14px; padding: var(--cc-item-gap, 16px) 0; border-radius: var(--cc-item-radius, 10px); color: inherit; text-decoration: none !important; transition: background-color .2s ease, padding .2s ease; }
.counterclube__link:hover, .counterclube__link:focus-visible { padding-right: 8px; padding-left: 8px; background: var(--cc-hover, #f6f8fb); outline: none; }
.counterclube__number { display: inline-flex; flex: 0 0 var(--cc-number-size, 29px); align-items: center; justify-content: center; width: var(--cc-number-size, 29px); height: var(--cc-number-size, 29px); margin-top: 1px; border-radius: 999px; background: var(--cc-number-background, #073b78); color: var(--cc-number-color, #fff); font-size: var(--cc-number-font-size, 16px); font-weight: 700; line-height: 1; }
.counterclube__content { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.counterclube__category { color: var(--cc-category, #073b78); font-size: var(--cc-category-size, 13px); font-weight: 700; line-height: 1.25; text-transform: uppercase; }
.counterclube__title { color: var(--cc-title, #111); font-size: var(--cc-title-size, 16px); font-weight: 600; line-height: 1.35; }
.counterclube__views { margin-top: 2px; color: color-mix(in srgb, var(--cc-title, #111) 58%, transparent); font-size: 12px; line-height: 1.2; }
.counterclube__empty { margin: 0; color: var(--cc-title, #111); }

@media (max-width: 480px) {
  .counterclube__link { gap: 11px; }
}