.liquidGlass-wrapper {
position: relative;
display: flex;
font-weight: 600;
overflow: hidden;
color: black;
cursor: pointer;
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.5);
}

.liquidGlass-effect {
position: absolute;
z-index: 0;
inset: 0;
backdrop-filter: blur(3px);
filter: url(#glass-distortion);
overflow: hidden;
isolation: isolate;
}

.liquidGlass-tint {
z-index: 1;
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.25);
}

.liquidGlass-shine {
position: absolute;
inset: 0;
z-index: 2;
overflow: hidden;
box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
    inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);
}

.liquidGlass-text {
z-index: 3;
font-size: 2rem;
color: black;
}

body {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background: url("https://media.giphy.com/media/v1.Y2lkPWVjZjA1ZTQ3aGplaGZ0b2RqZ3Q2dGFuaTBvbXR5M2YwaTA2MHIxcG81cngyY2swYiZlcD12MV9naWZzX3JlbGF0ZWQmY3Q9Zw/5UvzpgvjAYHB2OwZfE/giphy.gif")
    center center;
background-size: cover;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
font-weight: 300;
}

a {
text-decoration: none;
}

.wrapper {
display: flex;
gap: 25px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 20px;
box-sizing: border-box;
}

.maintenance-box {
padding: 2.5rem 3.5rem;
border-radius: 3rem;
text-align: center;
}

.maintenance-box,
.maintenance-box > div {
border-radius: 3rem;
}

.maintenance-box:hover {
transform: scale(1.02);
}

.maintenance-box .liquidGlass-text {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.25rem;
}

.maintenance-box h1 {
font-size: 2.2rem;
color: #212A2B;
margin: 0;
font-weight: 600;
text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

.maintenance-box p {
font-size: 1.1rem;
color: #212A2B;
margin: 0;
text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

.countdown-timer {
font-size: 1.5rem;
font-weight: 500;
color: #212A2B;
text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
margin-top: 0.5rem;
background: rgba(0,0,0,0.1);
padding: 0.5rem 1.5rem;
border-radius: 1.5rem;
border: 1px solid rgba(255,255,255,0.2);
min-width: 200px;
text-align: center;
}

.maintenance-box a {
    line-height: 0;
    transition: transform 0.3s ease;
}

.maintenance-box a:hover {
    transform: scale(1.1);
}

.maintenance-box svg {
    width: 40px;
    height: 40px;
    fill: #212A2B
}