/*
 * Единый вид кнопок на всём сайте — по образцу «Все новости» (.hp-press__all):
 * прозрачная, тонкая светлая обводка, скругление, 13px заглавными с разрядкой.
 * Файл подключается последним (после стилей компонентов), а :not(#_) поднимает вес селектора,
 * чтобы старые правила отдельных блоков (белые заливки, крупный/мелкий шрифт, 54px высоты) не перебивали.
 * Текстовые ссылки («Подробнее», «Читать →») и круглые кнопки видео сюда не входят.
 */
:is(.button,.ms__cta,.buy__cta):not(#_){
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  height:50px;min-height:50px;padding:0 28px;box-sizing:border-box;
  background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:30px;
  font-family:inherit;font-size:13px;line-height:1;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background .3s,color .3s,border-color .3s
}
:is(.button,.ms__cta,.buy__cta):not(#_) i{font-style:normal}
:is(.button,.ms__cta,.buy__cta):not(#_):focus-visible{outline:2px solid #d42f98;outline-offset:3px}
:is(.button,.ms__cta,.buy__cta):not(#_):is(:disabled,.button_disabled){opacity:.45;pointer-events:none}
@media (any-hover:hover) and (min-width:768px){
  :is(.button,.ms__cta,.buy__cta):not(#_):hover{background:#fff;color:#000;border-color:#fff}
}
@media (max-width:576px){
  :is(.button,.ms__cta,.buy__cta):not(#_){padding:0 22px}
}

/* стрелки и значки в кнопках — малиновые, как у «Все новости» */
:is(.button,.ms__cta,.buy__cta):not(#_) :is(i,svg),.dw-card__more svg,.mag-origin__btn i{color:#d42f98;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
@media (any-hover:hover) and (min-width:768px){
  :is(.button,.ms__cta,.buy__cta):not(#_):hover :is(i,svg){transform:translateX(4px)}
}

/* кнопка на белом фоне («Выключить свет»): та же форма, но тёмная */
.button.button_black:not(#_){color:#000;border-color:rgba(0,0,0,.3)}
@media (any-hover:hover) and (min-width:768px){
  .button.button_black:not(#_):hover{background:#000;border-color:#000;color:#fff}
}
