/* Контейнер-обёртка */
.category-desc h1 {
  max-width: 800px;
  margin: auto;
  text-align: center;
}

div.image_wrapper-center {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-accent);
}

/* Частицы внутри wrapper */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

/* Картинка поверх частиц */
.image_wrapper-center img {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 auto;
}

.more-link {
  font-size: 17px;
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    var(--color-6) 0%,
    var(--color-2) 66%,
    var(--color-2) 100%
  ); /* вместо rgb(56,56,56) / rgb(36,36,36) / rgb(41,41,41) */
  color: var(--text-color-primary); /* вместо rgb(218,218,218) */
  border: none;
  padding: 10px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  position: relative;
  overflow: hidden;
  border: 2px solid var(--zinc-400); 
  transition: all 0.3s linear;
}

@media (hover:hover){
  .more-link:is(:hover,:focus-visible){
    border-color: var(--color-brand);
    transform: scale(1.05);
  }
}

@media (hover:none){
  .more-link:is(:active){
    border-color: var(--color-brand);
    transform: scale(1.05);
  }	
}

.more-link-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-conic-gradient(
    var(--color-2) 0.0000001%, 
    var(--color-2) 0.000104%
  ) 60% 60%/600% 600%;
  filter: opacity(10%) contrast(105%);
  -webkit-filter: opacity(10%) contrast(105%);
}

.more-link svg {
  width: 15px;
  height: 15px;
}