:root {
    --Theme-Theme-0: #FFFFFF;
    --Theme-Theme-1: #EBF1FF;
    --Theme-Theme-2: #3377FF;
    --Theme-Theme-3: #F7F7F7;

    --Text-1: #000000;
    --Text-2: #666666;
    --Text-3: #999999;
    --Text-4: #86909C;
    --Text-5: #007AFF;

    --New-colors-blue-pale:#2997FF;

}
.center{
    margin: 0 auto;
    width: 1200px;
}
.btn{
    display: flex;
    justify-content: center;
    gap: 6px; ;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}
.blue-solid-btn {
    color: var(--Theme-Theme-0);
    background-color: var(--Theme-Theme-2);
}
.blue-solid-btn:hover {
    background-color: var(--New-colors-blue-pale);
    border-color: var(--New-colors-blue-pale);
}
.white-solid-btn {
    color: var(--Theme-Theme-2);
    background-color: var(--Theme-Theme-0);
}
.white-solid-btn:hover {
    background-color: var(--Theme-Theme-3);
    border-color: var(--New-colors-blue-pale);
}