CSS File

1@media (min-width: 1025px){.banner-btn-position-hover .content-banner{transition:transform .25s ease}

2.banner-btn-position-hover .banner-inner p:first-child:empty ~ p:last-child{margin-block:-10px 0}

3.banner-btn-position-hover .banner-btn-wrapper{position:absolute;top:100%;inset-inline:0;opacity:0;transition:opacity .25s ease, transform .25s ease;transform:translateY(15px)}

4.banner-btn-position-hover:hover .wrapper-content-banner.wd-items-middle>div{transform:translateY(calc(((var(--button-size) + var(--button-space)) * -1) / 2))}

5.banner-btn-position-hover:hover .wrapper-content-banner.wd-items-bottom>div{transform:translateY(calc((var(--button-size) + var(--button-space)) * -1))}

6.banner-btn-position-hover:hover .content-banner{transition:transform .3s ease}

7.banner-btn-position-hover:hover .banner-btn-wrapper{opacity:1;transition:opacity .4s ease, transform .4s ease;transform:translateY(0)}

8.banner-btn-position-hover.banner-btn-size-small{--button-size: 36px}

9.banner-btn-position-hover.banner-btn-size-default{--button-size: 42px}

10.banner-btn-position-hover.banner-btn-size-large{--button-size: 48px}

11.banner-btn-position-hover.banner-btn-size-extra-large{--button-size: 56px}

12.banner-btn-position-hover.banner-btn-style-link{--button-size: 24px}

13}

14@media (max-width: 768.98px){.banner-btn-position-hover .banner-btn-wrapper{display:none}

15}

16