/* Stage 11CE16S — /themes catalog CTA contract.
   Theme cards carry the same skin classes used by public invitations; this
   dedicated button must not inherit those theme-specific ghost/button colors. */
.public-theme-hub .public-theme-preview-btn,
.public-theme-hub .public-theme-preview-btn:link,
.public-theme-hub .public-theme-preview-btn:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    background: #6d28d9 !important;
    border-color: #6d28d9 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(109, 40, 217, .18);
    text-shadow: none !important;
}

.public-theme-hub .public-theme-preview-btn:hover {
    background: #5b21b6 !important;
    border-color: #5b21b6 !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.public-theme-hub .public-theme-preview-btn:focus-visible {
    outline: 3px solid rgba(109, 40, 217, .28);
    outline-offset: 3px;
}

.public-theme-hub .public-theme-preview-btn:active {
    transform: translateY(0);
}

@media (max-width: 768px) {
    .public-theme-hub .public-theme-preview-btn {
        width: 100%;
        min-height: 44px;
    }
}