.collino-cyber-banner{background:linear-gradient(rgba(8,39,48,.88),rgba(8,39,48,.88)),#082730 url('cyber-collection-art-1600.jpg') center 52%/cover;color:#fff;border-block:1px solid #477d86}
.collino-cyber-banner .collino-cyber-banner__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;max-width:1200px;margin:auto;padding:16px 20px;color:inherit;text-decoration:none}
.collino-cyber-banner .collino-cyber-banner__heading{font-size:19px;line-height:1.15;font-weight:800;font-style:italic;letter-spacing:-.02em;text-transform:uppercase}
.collino-cyber-banner .collino-cyber-banner__text{grid-column:1;grid-row:2;font-size:12px;line-height:1.55;color:#fff;max-width:34ch}
.collino-cyber-banner .collino-cyber-banner__text strong{font-weight:800;color:#fff}
.collino-cyber-banner .collino-cyber-banner__link{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;align-self:center;text-decoration:none;min-height:40px;padding:10px 12px;background:#fff;color:#082730;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.collino-cyber-banner .collino-cyber-banner__link-text{font-size:11px;line-height:1.3;font-weight:700;white-space:nowrap}
.collino-cyber-banner .collino-cyber-banner__link:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(min-width:769px){
.collino-cyber-banner .collino-cyber-banner__inner{display:flex;justify-content:center;gap:30px;min-height:72px;padding:14px 24px}
.collino-cyber-banner .collino-cyber-banner__heading{font-size:24px}
.collino-cyber-banner .collino-cyber-banner__text{font-size:13px;max-width:none;padding-inline:28px;border-inline:1px solid #4e98a1}
.collino-cyber-banner .collino-cyber-banner__link{min-height:36px;padding:10px 20px}
.collino-cyber-banner .collino-cyber-banner__link-text{font-size:12px}
}