.registration,
.registration:focus {
    color: var(--contrast-color);
    background: var(--accent-color);
    font-size: 14px;
    padding: 8px 25px;
    margin: 0 0 0 30px;
    border-radius: 5px;
    transition: 0.3s;
    border:none;
}

.registration:hover,
.registration:focus:hover {
    color: var(--contrast-color);
    background: color-mix(in srgb, var(--accent-color), transparent 15%);
}


.btn-primary {
    background-color:var(--accent-color); /* Custom primary color */
    border-color: var(--accent-color);; /* Custom primary color for border */
    color: #fff; /* Text color */
}

/* Override Bootstrap's .btn-outline-primary styles */
.btn-outline-primary {
    color: var(--accent-color); /* Text color */
    border-color:var(--accent-color); /* Border color */
}

.btn-outline-primary:hover {
    color: #fff; /* Text color on hover */
    background-color: var(--contrast-color); /* Background color on hover */
    border-color: var(--contrast-color); /* Border color on hover */
}