This commit is contained in:
Roman Pyrih
2025-10-07 10:32:43 +02:00
parent a93c188165
commit d610aa8596
4 changed files with 190 additions and 20 deletions

View File

@@ -975,4 +975,85 @@
#header-nav nav.elementor-nav-menu--main > ul.elementor-nav-menu .menu-item .sub-arrow {
padding-left: 4px;
}
}
#contact-btn-absolute {
position: fixed;
bottom: 40px;
left: 40px;
z-index: 99999;
}
#contact-btn-absolute .elementor-button {
position: relative;
padding: 16px;
border-radius: 100%;
width: 56px;
height: 56px;
}
#contact-btn-absolute .elementor-button::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 100%;
background: #22a9e1;
animation: btn-pulse 2s infinite;
}
#contact-btn-absolute .elementor-button::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 100%;
background: #22a9e1;
animation: btn-pulse 2s infinite 0.5s;
}
#contact-btn-absolute .elementor-button .elementor-button-icon {
position: relative;
font-size: 24px;
animation: btn-pulse-icon 2s infinite;
z-index: 1;
}
@keyframes btn-pulse {
0% {
opacity: 1;
}
100% {
width: 100px;
height: 100px;
opacity: 0;
}
}
@keyframes btn-pulse-icon {
0% {
transform: rotate(0);
}
5% {
transform: rotate(5deg);
}
10% {
transform: rotate(-5deg);
}
15% {
transform: rotate(5deg);
}
20% {
transform: rotate(-5deg);
}
25% {
transform: rotate(5deg);
}
30% {
transform: rotate(-5deg);
}
35% {
transform: rotate(0);
}
}/*# sourceMappingURL=custom.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -1310,3 +1310,91 @@
}
}
}
#contact-btn-absolute {
position: fixed;
bottom: 40px;
left: 40px;
z-index: 99999;
.elementor-button {
position: relative;
padding: 16px;
border-radius: 100%;
width: 56px;
height: 56px;
&::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 100%;
background: #22a9e1;
animation: btn-pulse 2s infinite;
}
&::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 100%;
background: #22a9e1;
animation: btn-pulse 2s infinite 0.5s;
}
.elementor-button-icon {
position: relative;
font-size: 24px;
animation: btn-pulse-icon 2s infinite;
z-index: 1;
}
}
}
@keyframes btn-pulse {
0% {
opacity: 1;
}
100% {
width: 100px;
height: 100px;
opacity: 0;
}
}
@keyframes btn-pulse-icon {
0% {
transform: rotate(0);
}
5% {
transform: rotate(5deg);
}
10% {
transform: rotate(-5deg);
}
15% {
transform: rotate(5deg);
}
20% {
transform: rotate(-5deg);
}
25% {
transform: rotate(5deg);
}
30% {
transform: rotate(-5deg);
}
35% {
transform: rotate(0);
}
}