@media (min-width: 1025px) {
  .banner-btn-position-hover .content-banner {
    transition: transform 0.25s ease;
  }
  .banner-btn-position-hover .banner-inner p:first-child:empty ~ p:last-child {
    margin-block: -10px 0;
  }
  .banner-btn-position-hover .banner-btn-wrapper {
    position: absolute;
    top: 100%;
    inset-inline: 0;
    opacity: 0;
    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
    transform: translateY(15px);
  }
  .banner-btn-position-hover:hover
    .wrapper-content-banner.wd-items-middle
    > div {
    transform: translateY(
      calc(((var(--button-size) + var(--button-space)) * -1) / 2)
    );
  }
  .banner-btn-position-hover:hover
    .wrapper-content-banner.wd-items-bottom
    > div {
    transform: translateY(
      calc((var(--button-size) + var(--button-space)) * -1)
    );
  }
  .banner-btn-position-hover:hover .content-banner {
    transition: transform 0.3s ease;
  }
  .banner-btn-position-hover:hover .banner-btn-wrapper {
    opacity: 1;
    transition:
      opacity 0.4s ease,
      transform 0.4s ease;
    transform: translateY(0);
  }
  .banner-btn-position-hover.banner-btn-size-small {
    --button-size: 36px;
  }
  .banner-btn-position-hover.banner-btn-size-default {
    --button-size: 42px;
  }
  .banner-btn-position-hover.banner-btn-size-large {
    --button-size: 48px;
  }
  .banner-btn-position-hover.banner-btn-size-extra-large {
    --button-size: 56px;
  }
  .banner-btn-position-hover.banner-btn-style-link {
    --button-size: 24px;
  }
}
@media (max-width: 768.98px) {
  .banner-btn-position-hover .banner-btn-wrapper {
    display: none;
  }
}