.loader{--d:22px;width:4px;height:4px;border-radius:50%;color:#25b09b;box-shadow:calc(1*var(--d)) calc(0*var(--d)) 0 0,calc(.707*var(--d)) calc(.707*var(--d)) 0 1px,calc(0*var(--d)) calc(1*var(--d)) 0 2px,calc(-.707*var(--d)) calc(.707*var(--d)) 0 3px,calc(-1*var(--d)) calc(0*var(--d)) 0 4px,calc(-.707*var(--d)) calc(-.707*var(--d))0 5px,calc(0*var(--d)) calc(-1*var(--d)) 0 6px;animation:l27 1s steps(8) infinite}@keyframes l27{to{transform:rotate(1turn)}}@font-face{font-family:__Space_Grotesk_3168b5;font-style:normal;font-weight:400;font-display:swap;src:url("1e514748558a59c0-s.woff2") format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_3168b5;font-style:normal;font-weight:400;font-display:swap;src:url("eecce930281b07a3-s.woff2") format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_3168b5;font-style:normal;font-weight:400;font-display:swap;src:url("066f4f5732c59a07-s.p.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_Fallback_3168b5;src:local("Arial");ascent-override:88.82%;descent-override:26.36%;line-gap-override:0.00%;size-adjust:110.78%}.__className_3168b5{font-family:__Space_Grotesk_3168b5,__Space_Grotesk_Fallback_3168b5;font-weight:400;font-style:normal}
.button-container {
    margin-top: 1.5rem; /* Space above the buttons */
    display: flex;
    flex-direction: column; /* Stack buttons vertically */
    align-items: center; /* Center buttons horizontally */
    gap: 1rem; /* Space between buttons */
}

.styled-button {
    padding: 1rem 2.5rem; /* Padding for a larger button */
    background-color: #3b82f6; /* Vibrant blue background */
    color: white; /* White text color */
    font-size: 1.125rem; /* Text size equivalent to 'text-lg' */
    font-weight: 600; /* Bold text equivalent to 'font-semibold' */
    border: none; /* Removes the default button border */
    border-radius: 9999px; /* Fully rounded for a pill shape */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effects */
    cursor: pointer; /* Pointer cursor on hover */
    min-width: 220px; /* Ensures consistent button size */
}

.styled-button:hover {
    background-color: #2563eb; /* Darker blue for hover effect */
    transform: scale(1.05); /* Slight zoom effect on hover */
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
}

.styled-button:focus {
    outline: none; /* Removes default focus outline */
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.5); /* Blue focus ring */
}