.view-btn{ color: #baef58; gap: 5px; display: flex; align-items: center;}
.view-btn i{ }
.view-btn span{ }

.cookie-banner{ padding: 25px; width: 100%; max-width: 380px; position: fixed; bottom: 0; left: 0; z-index: 9999;}
.cookie-banner-content{ padding: 25px; background-color: rgba(0, 0, 0, .5); box-shadow: -5px 5px 12px 0 rgba(0, 0, 0, .76); backdrop-filter: blur(15px); color: #fff; display: flex; flex-direction: column; border-radius: 20px;}
.cookie-banner-content > strong{ font-size: 18px; margin-bottom: 5px; font-weight: 500;}
.cookie-banner-content > p{ font-size: 13px; opacity: .75;}
.cookie-banner-content > div{ margin-top: 20px; display: flex; gap: 10px; justify-content: space-between}

.newsletter-banner{ transform-origin: bottom right; padding: 25px; width: 100%; max-width: 450px; position: fixed; bottom: 0; right: 0; z-index: 9999; transition: all .5s ease;}
.newsletter-banner.bd-hide{ transform: translateX(100%) scale(0); opacity: 0;}
.newsletter-banner > div{ padding: 30px; background: linear-gradient(45deg, #1f3834, #1c1e27); box-shadow: -5px 5px 25px 0 rgba(0, 0, 0, .75); backdrop-filter: blur(60px); color: #fff; display: flex; flex-direction: column; border-radius: 20px; position: relative;}
.newsletter-banner > div > button{ color: #baef58; position: absolute; right: 20px; top: 20px; font-size: 15px; line-height: 1; display: flex; cursor: pointer;}
.newsletter-banner > div > strong{ line-height: 1.3; margin-inline: auto; color: #baef58; font-size: 22px; margin-bottom: 15px; font-weight: 600; text-align: center;}
.newsletter-banner > div > p{ font-size: 13px; text-align: center;}
.newsletter-banner > div > p > span{ opacity: .75;}
.newsletter-banner > div > p > strong{ color: #baef58; font-weight: 500;}
.newsletter-banner > div form{ margin-top: 25px;}
.newsletter-banner > div .info-txt{ font-size: 11px; opacity: .75;}

.data-infos{ display: flex; align-items: center; margin-left: auto; gap: 15px;}

.content-template-3 .data-infos .view-btn{ display: none;}

.content-template-3 .img{ position: static; overflow: visible;}
.content-template-3 .img img{ border-radius: 50%;}
.content-template-3 .img .view-btn{ font-size: 10px; font-weight: 500; gap: 3px; border-radius: 8px; white-space: nowrap; padding: 3px 5px; background-color: #baef58; color: #000; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) translateY(50%); line-height: 1; display: flex; align-items: center; height: fit-content;}
/* .content-template-3 .img .view-btn{  left: 0; top: 0; transform: translateX(-6px) translateY(-50%); bottom: unset; z-index: 100;} */
.content-template-3 .img .view-btn{ background-color: #485637; color: #baef58; box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, .3); border-radius: 6px 0 6px 0; left: -1px; top: -1px; transform: unset; bottom: unset; z-index: 100;}
.content-template-3 .img .view-btn i{ font-size: .85em;}


.fix-social{ box-shadow: -5px 5px 25px 0 rgba(0, 0, 0, .75); padding: 8px; position: fixed; top: 50%; left: 15px; transform: translateY(-50%); z-index: 999; background: linear-gradient(45deg, #15292670, #1c1e2770); border-radius: 100px; backdrop-filter: blur(20px);}
.fix-social > ul{ flex-direction: column;}
.fix-social > ul > li{}
.fix-social > ul > li > a{}

@media screen and (max-width: 600px) {
    .cookie-banner,
    .newsletter-banner{ max-width: unset;}

    .fix-social{ display: none;}
}

@media screen and (max-width: 440px) {
    /* .data-infos{ margin-left: 0; margin-right: auto; width: 100%; flex-direction: row-reverse; justify-content: flex-end;}
    .data-infos .ml-auto{ margin-left: 0 !important;} */
    .data-infos .view-btn{ display: none;}

    .content-template-4 > div strong{ font-size: 12px;}
    .content-template-4 > div span{ font-size: 10px;}
}