/*
 * ============================================================
 * GENERATION CTA BUTTON HOVER FIX V1
 * ============================================================
 */


/*
 * Кнопка всегда существует поверх
 * внутренних hover-слоёв карточки.
 */

.generationListCard .generationListButton,
.generationListCard:hover .generationListButton {

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  min-height: 38px !important;

  margin-top: auto !important;

  padding:
    9px
    14px !important;

  position: relative !important;

  z-index: 10 !important;

  visibility: visible !important;

  opacity: 1 !important;

  pointer-events: auto !important;

  color:
    #ffffff !important;

  background:
    #2f6fd6 !important;

  background-color:
    #2f6fd6 !important;

  background-image:
    none !important;

  border:
    1px solid
    #2f6fd6 !important;

  border-radius:
    8px !important;

  box-shadow:
    none !important;

  transform:
    none !important;

  text-decoration:
    none !important;

  font-weight:
    600 !important;

  white-space:
    nowrap !important;
}


/*
 * Любые вложенные span / стрелка
 * тоже остаются белыми.
 */

.generationListCard .generationListButton *,
.generationListCard:hover .generationListButton * {

  visibility:
    visible !important;

  opacity:
    1 !important;

  color:
    #ffffff !important;

  background:
    transparent !important;

  transform:
    none !important;
}


/*
 * Даже если старый hover задаёт
 * transparent всему внутреннему слою,
 * возвращаем кнопке её поверхность.
 */

.generationListCard:hover
.generationListButton {

  background:
    #2f6fd6 !important;

  background-color:
    #2f6fd6 !important;

  border-color:
    #2f6fd6 !important;

  color:
    #ffffff !important;
}


/*
 * Hover самой кнопки.
 */

@media (hover: hover) {

  .generationListCard:hover
  .generationListButton:hover {

    background:
      #245fbe !important;

    background-color:
      #245fbe !important;

    border-color:
      #245fbe !important;

    color:
      #ffffff !important;

    box-shadow:
      3px 3px 0
      #8bb0ed !important;
  }

}


/*
 * Защищаем layout CTA:
 * кнопка должна прижиматься вниз.
 */

.generationListCard
.generationListBody {

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  height:
    100% !important;
}


/*
 * Touch
 */

@media (max-width: 600px) {

  .generationListCard .generationListButton,
  .generationListCard:hover .generationListButton {

    min-height:
      36px !important;

    padding:
      8px
      12px !important;
  }

}