/* Integracja przycisku z kolorystyką Helix */
.mfp-readmore-btn, 
.mfp-readmore a {
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background-color: var(--link-color, #0067da); /* Pobiera kolor linków z Helix */
    color: #ffffff !important;
    font-family: inherit; /* Dziedziczy czcionkę wybraną w Helix Typography */
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 1px;
    border-radius: 4px; /* Standardowe zaokrąglenie w Helix */
    border: 2px solid var(--link-color, #0067da);
    transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, transform 0.2s ease;
}

/* Efekt Hover zgodny z zachowaniem Helix */
.mfp-readmore-btn:hover, 
.mfp-readmore a:hover {
    background-color: var(--link-hover-color, #0052b1); /* Pobiera kolor hover z Helix */
    border-color: var(--link-hover-color, #0052b1);
    color: #ffffff !important;
    transform: translateY(-1px); /* Subtelne uniesienie przycisku */
}

/* Dostosowanie układu pod siatkę Helix */
.mfp-readmore {
    text-align: left; /* Zmień na 'right' jeśli wolisz przycisk po prawej stronie wpisu */
    width: 100%;
    margin-bottom: 5px;
}