@use "../../../../styles/abstracts/variables";
@use "../../../../styles/abstracts/mixins";  

.navbar{
    padding: 1rem 0;
    box-shadow: 0px 1px 1px rgba(0,0,0,.05);
    background: transparent;
    color: #000;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 999;

    &__content{
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: variables.$col-primary-btn;
        padding: .5rem 2rem;
        border-radius: 10px;
        &__left, &__right{
            display: flex;
            align-items: center;
            &__links{
                padding-left: 2.5rem;
                display: flex;
                align-items: center;
                gap: 20px;
                margin-top: .3rem;

                a{
                    color: #000;
                    font-family: variables.$font;
                    font-weight: 600;
                    font-size: .95rem;
                }
                
                &--login{
                    background: transparent;
                    border: 1px solid variables.$col-primary;
                    padding: .7rem 1.4rem;
                    border-radius: 15px;
                    color: variables.$col-primary !important;
                }


                &--register{
                    background: variables.$col-primary;
                    padding: .9rem 1.4rem;
                    border-radius: 15px;
                    color: variables.$col-primary-btn !important;
                }
            }
        }
    }
}