@import "./variable.css";

.btn-primary {
    padding: 4px 16px;
    background-color: var(--primary-color);
    text-decoration: none;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color:  #ffffff;
    font-family: 'Parkinsans-Light', sans-serif !important;
    font-size: 18px !important;
}
.btn-primary:hover {
    background-color: var(--primary-color);
    text-decoration: none;
    border: 1px solid var(--primary-color);
}

.btn-primary {
    padding: 4px 16px;
    background-color: var(--primary-color);
    text-decoration: none;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color:  #ffffff;
    font-family: 'Parkinsans-Light', sans-serif !important;
    font-size: 18px !important;
}
.btn-primary:hover {
    background-color: var(--primary-color);
    text-decoration: none;
    border: 1px solid var(--primary-color);
}

.btn-white-dark {
    padding: 4px 16px;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 5px;
    color:  #000;
    font-family: 'Parkinsans-Light', sans-serif !important;
    font-size: 16px !important;

}

.btn-cloture {
    padding: 4px 16px;
    background-color: var(--primary-color);
    text-decoration: none;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color:  #ffffff;
    font-family: 'Parkinsans-Light', sans-serif !important;
    font-size: 16px !important;
}
.btn-remove {
    padding: 4px 16px;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 5px;
    color:  #000;
    font-family: 'Parkinsans-Light', sans-serif !important;
    font-size: 16px !important;
}