.advert{position:relative;border-radius:10px;overflow:hidden;color:#fff;margin-bottom:1.875rem}.advert .advert__img{position:absolute;inset:0}.advert .advert__img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.advert .advert__overlay{position:absolute;inset:0}.advert .advert__content{position:relative;z-index:2;padding:1.875rem}.advert .advert__main{overflow:hidden}.advert .advert__main>div{display:flex;flex-direction:column}.advert .advert__main>div>*{margin:0}.advert .advert__main>div>.advert__actions{margin-top:1.25rem}.advert .advert__title,.advert .advert__subtitle{font-weight:700;font-family:Reem Kufi,sans-serif;text-transform:uppercase;line-height:120%;font-size:2rem}@media(min-width:480px)and (max-width:1320px){.advert .advert__title,.advert .advert__subtitle{font-size:calc(32px + 18 * (100vw - 480px) / (1320 - 480))}}@media(min-width:1321px){.advert .advert__title,.advert .advert__subtitle{font-size:3.125rem}}.advert .advert__subtitle{font-weight:400;line-height:160%;display:none;font-size:1.25rem}@media(min-width:480px)and (max-width:1320px){.advert .advert__subtitle{font-size:calc(20px + 8 * (100vw - 480px) / (1320 - 480))}}@media(min-width:1321px){.advert .advert__subtitle{font-size:1.75rem}}.advert .advert__actions{overflow:hidden}.advert .advert__actions>div{display:flex;margin:-.3125rem}.advert .advert__actions>div>*{margin:.3125rem}.advert .advert__actions .advert__button{flex:1}.advert .advert__button,.advert .advert__shop,.advert .advert__close{display:inline-block;outline:none;-webkit-font-smoothing:antialiased;font-family:Reem Kufi,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;background:none;color:#fff;border:2px solid #C19D54;background:#c19d54;text-align:center;padding:.75rem 3.125rem;height:auto;line-height:130%;cursor:pointer;border-radius:50px;overflow:hidden;position:relative;transition:background .2s linear,border .2s linear,color .2s linear;perspective:1000px}.advert .advert__button span,.advert .advert__shop span,.advert .advert__close span{position:relative;z-index:1;opacity:1}.advert .advert__button:before,.advert .advert__shop:before,.advert .advert__close:before{--size: 0;content:"";position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1/1;background:#fff;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;border-radius:100%}.advert .advert__button .button__overflow,.advert .advert__shop .button__overflow,.advert .advert__close .button__overflow{transition:.3s;transform-style:preserve-3d;position:relative;display:flex;flex-direction:column}.advert .advert__button .button__child,.advert .advert__shop .button__child,.advert .advert__close .button__child{position:relative;z-index:1;opacity:1;transform:translate(0) rotateX(0);transition:transform .3s linear,opacity .3s linear;backface-visibility:hidden}.advert .advert__button .button__child--clone,.advert .advert__shop .button__child--clone,.advert .advert__close .button__child--clone{position:absolute;top:0;left:50%;width:100%;transform:translate(-50%,100%) rotateX(180deg);z-index:2;opacity:0;color:#c19d54}.advert .advert__button:hover:before,.advert .advert__shop:hover:before,.advert .advert__close:hover:before{--size: 200%}.advert .advert__button:hover span:not(.button__child),.advert .advert__shop:hover span:not(.button__child),.advert .advert__close:hover span:not(.button__child){color:#c19d54}.advert .advert__button:hover .button__overflow,.advert .advert__shop:hover .button__overflow,.advert .advert__close:hover .button__overflow{transform:rotateX(180deg)}.advert .advert__button:hover .button__child,.advert .advert__shop:hover .button__child,.advert .advert__close:hover .button__child{opacity:0;transform:translateY(100%) rotateX(0)}.advert .advert__button:hover .button__child--clone,.advert .advert__shop:hover .button__child--clone,.advert .advert__close:hover .button__child--clone{opacity:1;transform:translate(-50%) rotateX(180deg)}p>.advert .advert__button,p>.advert .advert__shop,p>.advert .advert__close{margin-top:.625rem;font-size:1em}@media screen and (min-width:1140px){.advert .advert__button,.advert .advert__shop,.advert .advert__close{font-size:1.125rem;padding:.875rem 4.0625rem}}.advert .advert__button,.advert .advert__shop,.advert .advert__close{border-color:#fff;color:#fff}.advert .advert__button:hover,.advert .advert__shop:hover,.advert .advert__close:hover{background:#fff;color:#fff}.advert .advert__button:before,.advert .advert__shop:before,.advert .advert__close:before{background:#c19d54}.advert .advert__button,.advert .advert__shop,.advert .advert__close{background:none;border-color:#fff;color:#fff}.advert .advert__button:hover,.advert .advert__shop:hover,.advert .advert__close:hover{background:none}.advert .advert__button:before,.advert .advert__shop:before,.advert .advert__close:before{background:#fff}.advert .advert__button .button__child--clone,.advert .advert__shop .button__child--clone,.advert .advert__close .button__child--clone{color:#333}.advert .advert__button,.advert .advert__shop,.advert .advert__close{font-size:.875rem;padding:.625rem 1.875rem}@media screen and (min-width:1140px){.advert .advert__button,.advert .advert__shop,.advert .advert__close{font-size:.875rem;padding:.625rem 1.875rem}}.advert .advert__close{padding-left:1.1875rem;padding-right:1.1875rem}.advert .advert__close span{font-size:0;line-height:0;text-indent:-1000000px}.advert .advert__close span:before,.advert .advert__close span:after{content:"";width:2px;height:21px;border-radius:2px;background:#fff;transition:background .2s linear;display:block;position:absolute;top:50%;left:50%;margin-top:-4px;transform:translate(-50%,-50%) rotate(-45deg)}.advert .advert__close span:after{transform:translate(-50%,-50%) rotate(45deg)}.advert .advert__close:hover span:before,.advert .advert__close:hover span:after{background:#333}.advert .advert__shop{margin-top:.625rem}.advert .advert__hidden{max-height:0;overflow:hidden;transition:max-height .2s linear}.advert .advert__hidden>div{padding:1.25rem .625rem .625rem}.advert .advert__hidden a{color:#fff}.advert .advert__hidden a:before{background:#fff}.advert.advert--full{margin:0 1.25rem 1.25rem;width:calc(100% - 2.5rem)}.advert.open .advert__hidden{max-height:40rem}.advert.hidden{max-height:0;margin:0}@media screen and (max-width:768px){.advert .advert__shop{width:100%}}@media screen and (min-width:1020px){.advert .advert__content{padding:1.25rem}.advert .advert__main>div{flex-direction:row}.advert .advert__main>div>*{margin:.625rem}.advert .advert__main>div>.advert__actions{margin-left:auto;margin-top:auto}.advert .advert__subtitle{display:block}.advert .advert__button{flex:auto}}@media screen and (min-width:1320px){.advert .advert__heading{display:flex}.advert .advert__subtitle{align-self:flex-end;margin-left:1.25rem}}
