/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.fancy a { --offset: 3px; position: relative; max-width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; }
.value_ct-lt.fancy a { background: #910028 !important; border: 1px solid #b4975a !important; }
.pre_k-desc.fancy a { background: #910028 !important; /* border: 1px solid #b4975a !important; */ }
.pre_k-desc.fancy a:hover { background: #910028  !important; }
.value_ct-lt.fancy a:hover { background: #910028 !important; border: 1px solid #b4975a !important; }
.value_ct-lt.fancy a::before { background: conic-gradient(transparent 270deg, #910028, transparent); }
.value_ct-lt.fancy a:hover::before { background: conic-gradient(transparent 270deg, #b4975a, transparent); }
.pre_k-desc.fancy a::before { background: conic-gradient(transparent 270deg, #910028, transparent); }
.pre_k-desc.fancy a:hover::before { background: conic-gradient(transparent 270deg, #b4975a, transparent); }
.fancy a > span {position: relative; z-index: 2;}
/* Conic gradient */
.fancy a::before { content: ''; background: conic-gradient(transparent 270deg, white, transparent); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1; width: 100%; animation: rotate 2s linear infinite; }

/* Overlay */
.fancy a::after {
    content: '';
    background: inherit;
    border-radius: inherit;
    position: absolute;
    inset: var(--offset);
    height: calc(100% - 2 * var(--offset));
    width: calc(100% - 2 * var(--offset));
}

.fancy input {
    background: transparent;
    color: white;
    font-size: 1.5rem;
    position: absolute;
    inset: 0;
    z-index: 10;
    padding: 1.5rem;
}

@keyframes rotate {
    from {
        transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
    }

    to {
        transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
    }
}