.elementor-6017 .elementor-element.elementor-element-732d79e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6017 .elementor-element.elementor-element-1dd99608 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-6017 .elementor-element.elementor-element-1dd99608 .dynamic-content-for-elementor-acf{margin-bottom:0px;font-weight:600;text-transform:uppercase;}.elementor-6017 .elementor-element.elementor-element-4601ecf0 .dynamic-content-for-elementor-acf{margin-bottom:0px;}/* Start custom CSS for dyncontel-acf, class: .elementor-element-2c82fb4e *//* 700px and smaller screen sizes */
@media (max-width: 991px){    
.kruh {
    width: 80px !important;
    height: 80px!important;
}}


.kruh {
    width: 100px;
    height: 100px;
    border-radius: 50%; /* Vytvoření kruhového tvaru */
    background-color: transparent; /* Průhledné pozadí */

    /* Základní styl pro orámování */
    border: 2px solid #000;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.kruh:hover {
    border-color: #019934; /* Změna barvy orámování na zelenou */
    transform: scale(1.1); /* Zvětšení kruhu při najetí myší */
    animation: pulse 1s infinite alternate; /* Přidání animace "pulzování" */
}

@keyframes pulse {
    to {
        transform: scale(1.2); /* Zvětšení kruhu v rámci animace */
        border-color: #019934; /* Změna barvy orámování na zelenou */
    }
}/* End custom CSS */