.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 23px;
    padding: 0.5rem 1rem;
}

.btn-primary{
    background-color: var(--main-secondary);
    border-color: var(--main-secondary);
    outline-color: var(--main-secondary);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background-color: var(--main-secondary-hover);
    border-color: var(--main-secondary-hover);
}

.btn img{
    margin-right: 8px;
}

.btn-secondary{
    background-color: var(--main-primary);
    border-color: var(--main-primary);
}

.btn-secondary:hover, .btn-secondary:focus{
    background-color: var(--main-primary-hover);
    border-color: var(--main-primary-hover);
}

.btn-secondary:not(:disabled):not(.disabled):active{
    background-color: var(--main-primary-hover);
    border-color: var(--main-primary-hover);
}

.btn-secondary-light{
    background-color: var(--main-primary-light);
    border-color: var(--main-primary-light);
    color: var(--main-primary);
}

.btn-secondary-light:hover, .btn-secondary-light:active, .btn-secondary-light:focus{
    background-color: var(--main-primary);
    border-color: var(--main-primary);
    color: var(--main-primary-light);
}

.btn-outline-primary--spark{
    color: var(--spark-light-blue);
    border-color: var(--spark-light-blue);
}

.btn-outline-bg {
    background-color: var(--status-planned-background);
}

.btn-outline-primary--spark:hover{
    background-color: var(--spark-light-blue);
    border-color: var(--spark-light-blue);
}

.btn-light--spark{
    background-color: #e9ecef;
    border-color: #e9ecef;
    color: #000;
    font-weight: 600;
}
.btn--next-to-input{
    padding: 0.375rem 0.75rem;
}