body {
    display: flex;
    align-items: center;
    justify-content: center;
    height:100vh;
}
.authentication-inner {
    display: flex;
    justify-content: center;
}
a {
    color: var(--primery-font);
}
a:hover {
   color: var(--primery-btn);
}

.btn-primary {
    color: var(--primery-font6);
    background-color: var(--primery-btn);
    border-color: var(--primery-btn);
    transition: all 0.3s ease-in-out;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: var(--bg-main-color);
    color: var(--primery-btn) !important;
    border-color: var(--primery-btn);
}