.discord-banner{margin:0 16px}.discord-banner .discord-banner__container{max-width:1275px;width:100%;margin:0 auto;padding:0;border-radius:24px;overflow:hidden}.discord-banner .discord-banner__wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;border-radius:24px;overflow:hidden}.discord-banner .discord-banner__col.discord-banner__col--content{display:flex;align-items:center;width:45.49%}.discord-banner .discord-banner__col.discord-banner__col--image{width:47.02%}.discord-banner .discord-banner__content-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:10px 40px 10px 65px}.discord-banner .discord-banner__heading{margin:0;font-family:Encode Sans,sans-serif;font-size:24px;font-weight:800;line-height:1.33;letter-spacing:.09em;text-transform:uppercase;color:#fff}.discord-banner .discord-banner__text-content{font-size:16px;font-weight:400;line-height:1.5;color:#fff}.discord-banner .discord-banner__text-content *:first-child{margin-top:0}.discord-banner .discord-banner__text-content *:last-child{margin-bottom:0}.discord-banner .discord-banner__text-content *{color:#fff}.discord-banner .discord-banner__text-content p,.discord-banner .discord-banner__text-content li,.discord-banner .discord-banner__text-content a{font-size:16px}.discord-banner .discord-banner__text-content a{transition-property:opacity;transition-duration:.5s;transition-timing-function:ease}.discord-banner .discord-banner__text-content a:hover{opacity:.7}.discord-banner .discord-banner__text-content h1,.discord-banner .discord-banner__text-content h2,.discord-banner .discord-banner__text-content h3,.discord-banner .discord-banner__text-content h4,.discord-banner .discord-banner__text-content h5,.discord-banner .discord-banner__text-content h6{font-weight:800;margin-top:24px;margin-bottom:16px}.discord-banner__button{display:block;position:relative;padding:12px 16px 12px 34px;font-family:var(--font-body-family);font-style:normal;font-weight:600;font-size:16px;line-height:1.25;letter-spacing:0;text-decoration:none;background-color:#fff;border-radius:56px;overflow:hidden}.discord-banner__button:focus-visible{outline:2px solid#FFFFFF;outline-offset:2px}.discord-banner .discord-banner__button:before{content:"";position:absolute;right:0;top:50%;width:40px;aspect-ratio:1;background-color:#000;border-radius:50%;opacity:0;transform:translateY(-50%);transition-property:opacity,width;transition-duration:.3s;transition-timing-function:ease-out}.discord-banner .discord-banner__button-text{color:#000;z-index:1;transition:color .3s ease}.discord-banner .discord-banner__button-hover{display:flex;align-items:center;overflow:hidden}.discord-banner .discord-banner__button-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:24px;width:40px;height:40px;border-radius:100%;background-color:#0f1010;padding:0;overflow:hidden;transition:background-color .3s ease}.discord-banner .discord-banner__button-icon{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s ease;color:#fff}.discord-banner .discord-banner__button-icon:before{content:"";position:absolute;left:-100%;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.3335 8H12.6668' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.33334L12.6667 8.00001L8 12.6667' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 50%;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);color:#fff}.discord-banner .discord-banner__button-icon svg path{stroke:#fff}.discord-banner .discord-banner__image-wrapper{position:relative;width:100%;height:100%;padding-top:56.762%;overflow:hidden}.discord-banner .discord-banner__image{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}@media (min-width: 992px){.discord-banner .discord-banner__container{background-repeat:no-repeat;background-position:center;background-size:cover}}@media (max-width: 1199px){.discord-banner .discord-banner__content-wrapper{padding-left:40px;padding-right:0}}@media (max-width: 991px){.discord-banner .discord-banner__content-wrapper{align-items:center;padding-top:64px;padding-left:64px;padding-right:64px;text-align:center}.discord-banner .discord-banner__col.discord-banner__col--content,.discord-banner .discord-banner__col.discord-banner__col--image{width:100%}.discord-banner .discord-banner__wrapper{background:linear-gradient(90.37deg,#345deb .38%,#3058ea 43.59%,#355bea 99.23%)}.discord-banner .discord-banner__container{background-image:none!important}}@media (min-width: 992px){.discord-banner .discord-banner__button:hover .discord-banner__button-text{color:#fff}.discord-banner .discord-banner__button:hover:before{width:100%;opacity:1}.discord-banner .discord-banner__button:hover .discord-banner__button-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.3335 8H12.6668' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.33334L12.6667 8.00001L8 12.6667' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.discord-banner .discord-banner__button:hover .discord-banner__button-icon svg path{stroke:#000}.discord-banner .discord-banner__button:hover .discord-banner__button-icon-wrapper{background-color:#fff}.discord-banner .discord-banner__button:hover .discord-banner__button-icon{transform:translate(100%)}}@media (max-width: 575px){.discord-banner .discord-banner__content-wrapper{padding-top:32px;padding-left:24px;padding-right:24px}.discord-banner .discord-banner__image-wrapper{padding-top:54.976%}}@media (max-width: 380px){.discord-banner .discord-banner__image-wrapper{padding-top:62.976%}.discord-banner .discord-banner__content-wrapper{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/section-discord-banner.css.map */