Магазин климатического и отопительного оборудования Моношоп
Monoshop.kz - Магазин розничной и оптовой поставки климатического, отопительного и промышленного оборудования
.place {
border-radius: 10%;
width: 80px;
height: 80px;
transform: rotate(-45deg);
;
bottom: 7%;
right: 3%;
z-index: 100000;
}
.block {
border: none;
;
bottom: 7%;
left: 3%;
border-radius: 10%;
opacity: .88;
transition: .25s;
cursor: pointer;
z-index: 100001;
width: 80px;
height: 80px;
box-shadow: 0 0 11px #888;
background: url("data:image/svg+xml,%0A%3Csvg data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 455.73 455.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231bd741;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efullsquarewa_rhomb_%3C/title%3E%3Crect class='cls-1' width='455.73' height='455.73'/%3E%3Cpath class='cls-2' d='M27.36,215.49,99.2,175.21a158.68,158.68,0,0,1,41.53-72.51c62.06-62.06,163-62.06,225.1,0s62.05,163,0,225.09-163,62.06-225.1,0a158.91,158.91,0,0,1-40.67-69.37Zm96.13,25.41,1.34,5.55a131.92,131.92,0,0,0,35,62.25c51.53,51.53,135.38,51.53,186.91,0s51.54-135.38,0-186.91-135.38-51.53-186.91,0A131.7,131.7,0,0,0,124.15,187l-1.29,5.93L81.49,216.1Z' transform='translate(0 0)'/%3E%3Cpath class='cls-2' d='M274,131.24l-6.9-7.7a12.51,12.51,0,0,0-8.43-4.13c-6.61-.46-18.22-.18-27.7,5.83-14.14,9-24.28,27.1-28,51.62s-7.07,66.46,17.44,110.3c7.9,14.13,18.67,20.7,29.63,23.1a33.31,33.31,0,0,0,25.22-4.7l6.61-4.28a5.37,5.37,0,0,0,2.12-6.35l-13.31-36.06a5.34,5.34,0,0,0-5.7-3.45l-22.26,2.87a3.92,3.92,0,0,1-4-2.19c-4.3-9-17.22-40.5-5.92-76.19a4,4,0,0,1,3.47-2.77l20-1.46a5.32,5.32,0,0,0,4.57-3.34L275,136.81A5.38,5.38,0,0,0,274,131.24Z' transform='translate(0 0)'/%3E%3C/svg%3E") no-repeat center/cover;
}
.block:before,
.block:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
border: 1px solid #4d6;
border-radius: inherit;
animation: round 1.5s infinite;
opacity: 0;
}
.block:after {
animation-delay: .27s;
}
@keyframes round {
0% {
transform: scale(.88);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.block:hover {
opacity: 1;
transition: .25s;
animation-play-state: paused;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.place {
left: auto;
right: 7%;
bottom: 10%;
width: 60px;
height: 60px;
}
.block {
left: auto;
right: 7%;
bottom: 10%;
width: 60px;
height: 60px;
}
}
