.buttons{
    display: inline-flex;
    width: fit-content;
    height: 2vw;
    margin: 0.25rem;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    border: none;
    padding: 0.65rem 1.25rem;
    border-radius: var(--global-radius);
    color: var(--global-white);
    background: var(--accent-color-3);
    font-size: clamp(0.85rem, 1vw, 1rem);
    min-height: 44px;
    min-width: 44px;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
    white-space: nowrap;
}
.buttons:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(from var(--global-black) r g b / 25%);
}
.buttons:focus-visible{
    outline: 2px solid var(--accent-color-4);
    outline-offset: 2px;
}

.nav_buttons{
    color: var(--accent-color-3);
    background: var(--accent-color);
}
.transparent_nav_buttons{
    color: var(--accent-color-3);
    background: rgba(from var(--accent-color) r g b / 20%);
}

/* Przycisk z samą ramką (na ciemnym tle) */
.buttons-outline{
    color: var(--global-white);
    background: transparent;
    box-shadow: inset 0 0 0 2px var(--accent-color);
}
.buttons-outline:hover{
    background: rgba(from var(--accent-color) r g b / 20%);
    box-shadow: inset 0 0 0 2px var(--accent-color);
}

/* Ikona telefonu (SVG dziedziczy kolor przez currentColor) */
a svg {
    color: var(--accent-color-3);
    display: inline-flex;
    transform: translateY(0.15rem);
}