.btn{
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.05em;
    background-color: var(--clr-rose);
    padding: 0.4em 1em;
    color: oklch(0.968 0.007 247.896);
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(225,29,72,0.5), 0 6px 6px rgba(225, 29,72,0.5), 0 0 100px -10px var(--clr-rose);
    transition: transform 0.3s, box-shadow 0.3s;
    user-select: none;
}
.btn:hover{
    transform: translateY(-3px);
    box-shadow: 0 5px 28px rgba(225,29,72,0.25), 0 6px 6px rgba(225, 29,72,0.22), 0 0 100px -10px var(--clr-rose);
}

.btng{
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.05em;
    background-color: var(--clr-green);
    padding: 0.4em 1em;
    color:  oklch(0.968 0.007 247.896);
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(29, 225, 45, 0.5), 0 6px 6px rgba(225, 29,72,0.5), 0 0 100px -10px var(--clr-green);
    transition: transform 0.3s, box-shadow 0.3s;
    user-select: none;
}
.btng:hover{
    transform: translateY(-3px);
    box-shadow: 0 5px 28px rgba(29, 225, 45, 0.25), 0 6px 6px rgba(29, 225, 45, 0.22), 0 0 100px -10px var(--clr-green);
}

.container{
     max-width: 80rem;
     margin:2rem auto;
     align-items: center;
    
}