.btn-marca {
    /* Base button styles */
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    /* Sizing */
    width: 100%;
    padding: 1rem; /* p-3 equivalent */
    
    /* Border and colors */
    border: 1px solid var(--bs-secondary-border-subtle, #dee2e6);
    border-radius: var(--bs-border-radius-xl, 1rem); /* rounded-4 equivalent */
    background-color: transparent;
    color: var(--cz-heading-color);
    
    /* Typography */
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    
    /* Transitions */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, 
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    
    /* User interaction */
    cursor: pointer;
    user-select: none;
}

.btn-marca:hover {
    background-color: #44633F;
    border-color: #44633F;
    color: #fff;
}

.btn-marca:focus, .btn-marca:active {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.25);
}

.btn-marca:disabled {
    pointer-events: none;
    opacity: 0.65;
}

.btn-marca span {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
}

/* Search Button - Consolidated styles for mobile search toggle */
.btn-search {
    /* Base button styles */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2) !important;
    /* Sizing - btn-lg and btn-icon */
    width: 3rem;
    height: 3rem;
    padding: 0.5rem;
    
    /* Border and shape */
    border: 0;
    border-radius: 50%; /* rounded-circle */
    background-color: transparent;
    
    /* Typography - fs-xl */
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    
    /* Colors - btn-outline-secondary */
    color: #fff;
    
    /* Transitions */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, 
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    
    /* User interaction */
    cursor: pointer;
    user-select: none;
    margin-right:10px;
}

.btn-search:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.btn-search:focus,
.btn-search:active {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.25);
}

.btn-search:disabled {
    pointer-events: none;
    opacity: 0.65;
}

/* Hide on large screens - d-lg-none equivalent */
@media (min-width: 992px) {
    .btn-search {
        display: none !important;
    }
}