.banner{margin:0 auto;min-height:60dvh;height:max-content;border-radius:6px;--s:6px;--g:#0000 66%,var(--principal-color) 68% 98%,#0000;background:radial-gradient(30% 30% at 0 30%,var(--g)) var(--s) calc(9*var(--s)),radial-gradient(30% 30% at 100% 30%,var(--g)) var(--s) calc(-1*var(--s)),radial-gradient(30% 30% at 30% 100%,var(--g)) calc(10*var(--s)) 0,radial-gradient(30% 30% at 30% 0,var(--g)) var(--dark-color);background-size:calc(20*var(--s)) calc(20*var(--s))}.banner,.banner-title{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.banner-title{z-index:2;gap:20px;padding:16px;height:100%;color:#f5f5f5}.banner-img{position:relative;width:150px;height:150px;max-width:50%;max-height:50%;object-fit:contain}.banner-name{text-decoration:underline;font-size:22px}.banner-title .description{font-size:18px;text-align:center;max-width:900px;padding:0 10px}.banner-links{gap:20px;flex-wrap:wrap}.banner-link,.banner-links{display:flex;align-items:center;justify-content:center}.banner-link{gap:10px;border:none;padding:12px 32px;background:var(--principal-color);font-weight:700;position:relative;overflow:hidden;border-radius:6px;font-size:14px;color:#f5f5f5}.banner-link:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 70%);top:0;left:-100px;animation:shine 3s linear infinite}@keyframes shine{0%{left:-100px}20%{left:100%}to{left:100%}}