.align-center{align-items:center}
.alt-section{background:var(--color-accent)}
.center-box{max-width:800px;margin-inline:auto;text-align:center}

.hero .btn{margin-top:var(--space-4)}

section{position:relative}

section::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
border:var(--border-thick) solid var(--color-border);
mix-blend-mode:multiply
}

.media-box{
background:#000
}

h2{
text-transform:uppercase
}

.btn{
transition:var(--transition)
}

.btn:hover{
transform:translate(-3px,-3px) scale(1.01)
}

@media (max-width:768px){
.center-box{text-align:left}
section::after{display:none}
}