.button__arrow {
    display: inline-flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    padding: 0.875rem 1.25rem 0.875rem 1.5rem;
    border-radius: 0.75rem;
    background-color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-family: "PTGolos_reg", sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: rgba(13, 13, 13, 1);
    white-space: nowrap;
    letter-spacing: 0rem;
    border: 0rem;
}

.web.button__arrow {
    background-color: #00CCFF;
}

.design.button__arrow {
    background-color: #9BEBE8;
}

.ai.button__arrow {
    background-color: #F6503A;
}

.bim.button__arrow {
    background-color: #0B68FE;
}

.cad.button__arrow {
    background-color: #EDB40B;
}

.motion.button__arrow {
    background-color: #6E27B6;
}

.d3.button__arrow {
    background-color: #0DFBE7;
}

.code.button__arrow {
    background-color: #00CCFF;
}

.button__arrow i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.000000' height='24.000000' fill='none' customFrame='%23000000'%3E%3Crect id='icon-right' width='24.000000' height='24.000000' x='0.000000' y='0.000000' /%3E%3Cpath id='vector' d='M22.5 12.9994L16.8829 8.09033L16.8829 12.1812L2.25 12.1812L2.25 13.8176L16.8829 13.8176L16.8829 17.9085L22.5 12.9994Z' fill='rgb(13,13,13)' fill-rule='nonzero' /%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.button__secondary {
    display: inline-flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.25rem 1.0625rem 1.25rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.6);
    font-size: 1rem;
    font-family: "PTGolos_reg", sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap;
}

.button__burger {
  position: relative;
  border: none;
  background: transparent;
  width: 22px;
  height: 16px;
}
.button__burger::before,
.button__burger::after {
  content: '';
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 10px;
  background: #000;
}
.button__burger::before {
  top: 0;
  box-shadow: 0 7px 0 #000;
}
.button__burger::after {
  bottom: 0;
}

.button__burger::before {
  transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
.button__burger::after {
  transition: bottom .3s .15s, transform .3s;
}
.button__burger.active::before {
  top: 6px;
  transform: rotate(
135deg);
  box-shadow: 0 6px 0 rgba(0,0,0,0);
  transition: box-shadow .15s, top .3s, transform .3s .15s;
}
.button__burger.active::after {
  bottom: 7px;
  transform: rotate(45deg);
  transition: bottom .3s, transform .3s .15s;
}

/* Кнопка «Больше статей» в состоянии подгрузки (AJAX). */
.catalog-more-article.is-loading,
.category-more-article.is-loading {
    opacity: 0.5;
    pointer-events: none;
    cursor: wait;
}