/* Prebacivanje ikonice sa leve strane uz pomoc css grida */
selector .elementor-cta .elementor-cta__content {
display: grid !important;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(3, auto);
column-gap: 40px;
}
selector .elementor-cta .elementor-cta__content .elementor-icon-wrapper {
grid-area: 1 / 1 / 4 / 2;
align-self: start;
}
/*podesavanje tranzicije za ikonicu */
selector .elementor-cta .elementor-cta__content .elementor-icon-wrapper .elementor-icon {
transition: all 0.4s linear;
}
/* Custom transformacija ikonice na hover */
selector .elementor-cta:hover .elementor-cta__content .elementor-icon-wrapper .elementor-icon {
transform:translateY(100%);
}
/* Custom boja ikonice na hover */
selector .elementor-cta:hover .elementor-cta__content .elementor-icon-wrapper .elementor-icon svg {
fill:var(--e-global-color-6bde855);
}
/* Custom tranzicija za dugme */
selector .elementor-cta .elementor-cta__button-wrapper .elementor-button{
transition: all 0.4s linear;
}
/* Custom boja i transformacija dugmeta na hover */
selector .elementor-cta:hover .elementor-cta__button-wrapper .elementor-button{
transform:translateY(10px);
background-color: var( --e-global-color-accent );
}
@media (max-width:1024px) {
/* prebacivanje ikonice u pocetni polozaj - ukidanje css grida */
selector .elementor-cta .elementor-cta__content {
display: flex !important;
}
/* izmena transformacije ikonice na tabletu i mobilnom */
selector .elementor-cta:hover .elementor-cta__content .elementor-icon-wrapper .elementor-icon {
transform:translateX(20px);
}
/* izmena transformacije ikonice na tabletu i mobilnom */
selector .elementor-cta:hover .elementor-cta__button-wrapper .elementor-button{
transform:translateY(5px);
}
}