/*Buttons and links*/

.btn_base,
.link_base {
    font-family: var(--font-family-1);
    font-style: normal;
    font-weight: var(--weight-bolder);
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0.5rem 1rem;
    flex-wrap: nowrap;
    transition: all 0.2s;
    flex-shrink: 1;
}
.link_base {
    text-decoration-line: underline;
}
.btn_base_p{
    margin:0;
}
.btn_medium {
    min-height: 3rem;
    font-size: 1.25rem;
}
.btn_large {
    min-height: 3.75rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.5rem 2rem;
}
.link_medium {
    min-height: 2rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.link_large {
    min-height: 3rem;
    font-size: 1rem;
    padding: 0.5rem 2rem;

}

@media (max-width: 768px) {

    .btn_medium,
    .btn_large {
        min-height: 3rem;
    }

    .link_medium,
    .link_large {
        font-size: 0.875rem;
        min-height: 2rem;
    }
}
@media (max-width:500px) {
    .btn_large,.btn_medium{
        padding: .5rem;
    }
}
.btn_primary {
    color: var(--brand-white);
    background-color: var(--brand-black);
}

.btn_primary.white{
    color: var(--brand-black);
    background-color: var(--brand-white);
}

.btn_primary:hover, .btn_primary:focus {
    color: var(--brand-black);
    background-color: var(--brand);
}

.btn_primary:disabled {
    pointer-events: none;
    opacity: .3;
}
.btn_primary:has(svg) {
    gap: .5rem;
}
.link_base:has(svg) {
    gap: .25rem;
}
.btn_primary svg path,
.btn_primary_lead svg path {
    fill: var(--brand-white);
}
.btn_primary:hover svg path {
    fill: var(--brand-black);
}
.btn_primary_lead{
    background: var(--brand-black);
    color: var(--brand-white);
    border: none;
}
.btn_primary_lead:hover{
    background-color: var(--gray-dark-1);
    color: var(--brand-white);
}
.btn_primary_lead:disabled{
    opacity: .3;
    pointer-events: none;
}

.btn_primary_lead.brand{
    background: var(--brand);
    color: var(--brand-black);
}

.btn_primary_lead.brand:hover{
    background: var(--brand-light);
    color: var(--brand-black);
}

.btn_primary_lead.btn_large{
    background: var(--brand);
    color: var(--brand-black);
}
.btn_primary_lead.btn_large:hover{
    background-color: var(--brand-light);
    color: var(--brand-black);
}

.btn_secondary_lead {
    color: var(--gray-light-1);
    background-color: transparent;
    border: 0.12rem solid var(--brand-white);
    letter-spacing: 0.04rem;
}

.btn_secondary_lead:hover {
    color: var(--brand-black);
    background-color: var(--white);
}

.btn_secondary_lead:disabled {
    background: var(--gray-dark-7);
    color: var(--gray-dark-7);
    border: var(--border-xs) var(--brand-light-2);
    pointer-events: none;
    opacity: .3;
}

.btn_secondary_normal {
    color: var(--brand-black);
    background-color: transparent;
    border: 0.125rem solid var(--brand-black);
}

.btn_secondary_normal:hover {
    color: var(--brand-black);
    background-color: var(--brand-light);
}

.btn_secondary_normal:disabled {
    background: transparent;
    color: var(--gray-dark-7);
    border: var(--border-xs) var(--gray-dark-7);
    pointer-events: none;
}

.btn_secondary_normal.black {
    color: var(--brand-black);
    background-color: transparent;
    border: 0.125rem solid var(--brand-black);
}

.btn_secondary_normal.black:hover {
    color: var(--brand-white);
    background-color: var(--brand-black);
}

.link_button_primary {
    color: var(--brand-black);
    background-color: var(--brand-white);
}
.link_button_primary:hover {
        color: var(--brand-black);
        background-color: var(--brand);
      }

.link_button_primary path {
    fill: var(--brand);
}
.link_button_secondary {
    color: var(--brand-black);
    background-color: transparent;
    border: 0.12rem solid var(--brand-black);
}

.link_button_secondary._black {
    color: var(--brand-white);
    background-color: transparent;
}

.link_button_secondary:hover {
    color: var(--brand-white);
    background-color: var(--brand-black);
    border: none;
}

/*Buttons modifiers*/
.w_full {
    width: 100%;
}
.text_align_center{
    text-align: center;
}

.mb_1\.25 {
    margin-bottom: 1.25rem;
}

@media (max-width: 768px) {
    .mb_1\.25 {
        margin-bottom: 0rem;
    }
}

.mr_0\.5 {
    margin-right: 0.5rem;
}

.ml_0\.5 {
    margin-left: 0.5rem;
}

.padding_0rem {
    padding: unset;
}

.justify_unset {
    justify-content: unset;
}

.rotate_180 {
    transform: rotate(180deg);
}

.p_0\.5 {
    padding: .5rem 0 .5rem 0;
}

/* icons buttons sizes*/
.btn_base svg,
.link_base svg,
.link_base img {
    height: 1.25rem;
    width: 1.25rem;
}