selector svg{
margin-top: -2px !important;
}
selector .elementor-button:hover svg {
transform: rotate(45deg);
transition: .4s;
}
selector .elementor-button svg {
transition: .4s;
}
selector svg{
margin-top: -2px !important;
}
selector .elementor-button:hover svg {
transform: rotate(45deg);
transition: .4s;
}
selector .elementor-button svg {
transition: .4s;
}
selector .elementor-button {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
selector .elementor-button:before {
content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 3em;
display: block;
position: absolute;
top: 0;
left: -4.5em;
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
-webkit-transition: none;
transition: none;
webkit-animation: moving 3s ease-in-out infinite;
-moz-animation: moving 3s ease-in-out infinite;
-ms-animation: moving 3s ease-in-out infinite;
-o-animation: moving 3s ease-in-out infinite;
animation: moving 3s ease-in-out infinite;
}
@keyframes moving {
30% {
webkit-transform: skewX(-45deg) translateX(33.5em);
transform: skewX(-45deg) translateX(33.5em);
}
100% {
webkit-transform: skewX(-45deg) translateX(33.5em);
transform: skewX(-45deg) translateX(33.5em);
}
}
selector .elementor-button:hover{
transform: scale(1.0);
transition: 1s;
}
selector .elementor-button{
position: relative;
overflow: hidden;
margin-bottom: 0px
}
selector .elementor-button:before{
content: '';
position: absolute;
width: 0%;
height: 0%;
left: 0px;
bottom: 0px;
background: #000;
z-index: -1;
transition: 1s;
border-radius: 0px 100% 0 0 ;
}
selector .elementor-button:hover:before{
width: 150%;
height: 150%;
z-index: -1;
transition: 1s;
border-radius: 0px 50px 0 0 ;
}
selector .elementor-button:hover{
transform: scale(1.0);
transition: 1s;
}
selector .elementor-button{
position: relative;
overflow: hidden;
margin-bottom: 0px
}
selector .elementor-button:before{
content: '';
position: absolute;
width: 0%;
height: 300%;
left: 0px;
bottom: 0px;
background: #000;
z-index: -1;
transition: 1s;
border-radius: 0px 00% 0 0 ;
}
selector .elementor-button:hover:before{
width: 150%;
height: 150%;
z-index: -1;
transition: 2s;
border-radius: 0px 0px 0 0 ;
}
.elementor-button:before{
content: '';
position: absolute;
bottom: 1px;
left: 3px;
height: 1px;
width: 1px;
border: 1px solid #000;
z-index: -1 !important;
transition: .35s;
}
.elementor-button:hover:before{
bottom: -12px;
left: -12px;
height: 52px;
width: 52px;
border-width: 2px;
transition: .35s;
border-color: #770610;
}
.elementor-button{
transition: .35s;
}
.elementor-button:hover{
transform: translateX(6px) translateY(-6px);
transition: .35s;
}
@media(max-width: 767px){
.bt23:hover:before{
bottom: -8px;
left: -8px;
height: 35px;
width: 35px;
}
.elementor-button:hover{
transform: translateX(3px) translateY(-3px);
}
}
.elementor-button:before{
content: '';
position: absolute;
bottom: 1px;
left: 3px;
height: 1px;
width: 1px;
border: 1px solid #000;
z-index: -1 !important;
transition: .35s;
}
.elementor-button:hover:before{
bottom: -12px;
left: -12px;
height: 52px;
width: 52px;
border-width: 2px;
transition: .35s;
border-color: #770610;
}
.elementor-button{
transition: .35s;
}
.elementor-button:hover{
transform: translateX(6px) translateY(-6px);
transition: .35s;
}
@media(max-width: 767px){
.bt23:hover:before{
bottom: -8px;
left: -8px;
height: 35px;
width: 35px;
}
.elementor-button:hover{
transform: translateX(3px) translateY(-3px);
}
}
selector .circle-butt a{
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
@media(min-width: 768px){
selector .circle-butt{
!important;
bottom: 0px !important;
right: 0px !important;
}
selector .circle-butt a{
height: 180px;
width: 180px;
border-radius: 50%;
align-items: center;
align-content: center
}
}
selector svg{
margin-top: -2px !important;
}
selector .elementor-button:hover svg {
transform: rotate(45deg);
transition: .4s;
}
selector .elementor-button svg {
transition: .4s;
}
selector a {
text-decoration:none; /*Убираем стандартное подчёркивание ссылки если оно ещё не убрано*/
display: inline-block; /*делаем чтобы наша ссылка из строчного элемента превратилась в строчно-блочный
line-height: 1; /*Задаём высоту строки (можно в пикселях)*/
color:#2F73B6;/*Задаём цвет ссылки*/
}
selector a:after {
display: block; /*превращаем его в блочный элемент*/
content: ""; /*контента в данном блоке не будет поэтому в кавычках ничего не ставим*/
height: 2px; /*задаём высоту линии*/
width: 0%; /*задаём начальную ширину элемента (линии)*/
background-color: #ED3C1E; /*цвет фона элемента*/
transition: width 0.6s ease-in-out; /*данное свойство отвечает за плавное изменение ширины. Здесь можно задать время анимации в секундах (в данном случае задано 0.4 секунды)*/
}
selector a:hover:after,
selector a:focus:after {
width: 100%;
}
selector a:hover{
color:#000;
}
selector .elementor-icon{
-webkit-animation:hoverWave linear 3.3s infinite;
animation:hoverWave linear 3.3s infinite;
}
@media(max-width: 767px){
selector{
transform: scale(.8);
transition: .4s;
}
selector:hover{
transform: scale(.9) !important;
transition: .4s;
}
}
@-webkit-keyframes hoverWave {
0% {
box-shadow:0 7px 9px rgba(72, 193, 92, 0.2),0 0 0 0 rgba(72, 193, 92, 0.2),0 0 0 0 rgba(72, 193, 92, 0.2)
}
40% {
box-shadow:0 7px 9px rgba(72, 193, 92, 0.2),0 0 0 8px rgba(72, 193, 92, 0.2),0 0 0 0 rgba(72, 193, 92, 0.2)
}
80% {
box-shadow:0 7px 9px rgba(72, 193, 92, 0.2),0 0 0 15px rgba(72, 193, 92, 0),0 0 0 12px rgba(72, 193, 92, 0.04)
}
100% {
box-shadow:0 7px 9px rgba(72, 193, 92, 0.04),0 0 0 20px rgba(72, 193, 92, 0.04),0 0 0 15px rgba(72, 193, 92, 0.04)
}
}@keyframes hoverWave {
0%,100% {
box-shadow:0 8px 10px rgba(72, 193, 92, 0.2),0 0 0 0 rgba(49, 151, 236, 0.2),0 0 0 0 rgba(72, 193, 92, 0.2)
}
40%,90% {
box-shadow:0 8px 10px rgba(72, 193, 92, 0.2),0 0 0 5px rgba(72, 193, 92, 0.2),0 0 0 0 rgba(72, 193, 92, 0.2)
}
60% {
box-shadow:0 8px 10px rgba(72, 193, 92, 0.2),0 0 0 10px rgba(72, 193, 92, 0.2),0 0 0 22px rgba(72, 193, 92, 0.2)
}
}