/*
 * Não altera o visual do Fancybox.
 * Só aumenta a especificidade das regras padrão para o kit do Elementor
 * (ex.: `.elementor-kit-X button { background: cor da empresa }`) não
 * pintar os botões e miniaturas de vermelho.
 */
.fancybox__container .f-button {
    width: var(--f-button-width);
    height: var(--f-button-height);
    margin: 0;
    padding: 0;
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    background-image: none;
    box-shadow: var(--f-button-shadow);
    font: inherit;
    line-height: normal;
    text-transform: none;
    letter-spacing: normal;
}

.fancybox__container .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color, var(--f-button-color));
    background-color: var(--f-button-hover-bg);
    background-image: none;
}

.fancybox__container .f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
    background-image: none;
}

.fancybox__container .f-button svg {
    display: block;
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    max-width: none;
    max-height: none;
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    opacity: 1;
}

.fancybox__container .f-thumbs__slide__button {
    background: transparent;
    background-image: none;
    border: 0;
    box-shadow: none;
    color: inherit;
}