/**
 * Widget: Strzałki przewijania (akryltech-scroll-arrows)
 */

.akryl-scroll-arrows {
    --akryl-arrows-color: #4e6066;
    --akryl-arrows-color-disabled: rgba(78, 96, 102, 0.3);
    --akryl-arrows-size: 34px;
    --akryl-arrows-gap: 11px;

    display: flex;
    gap: var(--akryl-arrows-gap);
}

/* Reset theme button styles (Hello Elementor styles every button). */
.akryl-scroll-arrows .akryl-scroll-arrows__button,
.akryl-scroll-arrows .akryl-scroll-arrows__button:hover,
.akryl-scroll-arrows .akryl-scroll-arrows__button:focus {
    display: inline-flex;
    width: var(--akryl-arrows-size);
    height: var(--akryl-arrows-size);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: var(--akryl-arrows-color);
    cursor: pointer;
    transition: color 0.2s ease;
}

.akryl-scroll-arrows .akryl-scroll-arrows__button:disabled {
    color: var(--akryl-arrows-color-disabled);
    cursor: default;
}

.akryl-scroll-arrows svg {
    width: 100%;
    height: 100%;
}