.link-button {
    font: inherit;
    text-decoration: none;
    border-radius: var(--default-radius);
    padding: var(--default-padding);
    color: var(--color-text);
    display: flex;
    gap: var(--default-gap);
}

@media (max-width: 768px) {
    .link-button {
        padding: var(--padding-2xs);
    }
}

.glass {
    border: 1px solid;
    border-top-color: rgba(250, 250, 250, 0.05);
    border-left-color: rgba(250, 250, 250, 0.05);
    border-bottom-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-radius: var(--default-radius);

    /* efeito básico de vidro */
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    background: linear-gradient(
        135deg,
        rgba(130, 135, 125, 0.1),
        rgba(125, 130, 135, 0.05)
    );
}

/* Distorção adicional */
.glass::before {
    content: "";
    inset: 0;
    position: absolute;
    background: inherit;
    backdrop-filter: blur(12px) contrast(1.2);
    -webkit-backdrop-filter: blur(12px) contrast(1.2);

    /* Máscara ondulada para simular distorção */
    mask-image: radial-gradient(
        circle at 30% 30%,
        rgba(125, 125, 125, 0.1),
        transparent 70%
    );
    mask-repeat: no-repeat;
    mask-size: cover;
    opacity: 0.2;
    pointer-events: none;
}

.paper {
    border-radius: var(--default-radius);
    background: var(--color-paper);
}
.surface {
    border-radius: var(--default-radius);
    background: var(--color-surface);
}
.dark .invert-color {
    filter: invert(1);
}

.border {
    border: 1px solid;
    border-radius: var(--default-radius);
    border-top-color: rgba(250, 250, 250, 0.03);
    border-left-color: rgba(250, 250, 250, 0.03);
    border-bottom-color: rgba(0, 0, 0, 0.03);
    border-right-color: rgba(0, 0, 0, 0.03);
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1; /* fica atrás do conteúdo */
}

.video-background video {
    transform: scaleY(-1);
    transform-origin: center;
}