.cbutton{position:relative;display:inline-block;margin:1em;padding:0;border:none;background:none;font-size:1.4em;overflow:visible;-webkit-transition:color 0.7s;transition:color 0.7s;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.cbutton.cbutton--click,
.cbutton:focus{outline:none;}
.cbutton__icon{display:block;}
.cbutton__text{position:absolute;opacity:0;pointer-events:none;}
.cbutton::after{position:absolute;top:-31px;left:-31px;width:150px;height:150px;border-radius:50%;content:'';opacity:0;pointer-events:none;}
.cbutton--box{width:24px;height:24px;border:4px solid rgb(22, 35, 47);}
.cbutton--effect-jagoda::before{position:absolute;top:-31px;left:-31px;width:150px;height:150px;border-radius:50%;content:'';opacity:0;pointer-events:none;}
.cbutton--effect-jagoda::after{width:150px;height:150px;}
.cbutton--effect-jagoda::before,
.cbutton--effect-jagoda::after{box-shadow:0 0 0 2px rgba(255,255,255,0.5);}
.cbutton--effect-jagoda.cbutton--click::before,
.cbutton--effect-jagoda.cbutton--click::after{-webkit-animation-name:anim-effect-jagoda-2, anim-effect-jagoda-1;animation-name:anim-effect-jagoda-2, anim-effect-jagoda-1;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.cbutton--effect-jagoda.cbutton--click::after{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
@-webkit-keyframes anim-effect-jagoda-1{0%, 100%{opacity:0;}
40%, 60%{opacity:1;}
}
@keyframes anim-effect-jagoda-1{0%, 100%{opacity:0;}
40%, 60%{opacity:1;}
}
@-webkit-keyframes anim-effect-jagoda-2{0%{-webkit-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1);}
100%{-webkit-transform:scale3d(1.4, 1.4, 1);transform:scale3d(1.4, 1.4, 1);}
}
@keyframes anim-effect-jagoda-2{0%{-webkit-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1);}
100%{-webkit-transform:scale3d(1.4, 1.4, 1);transform:scale3d(1.4, 1.4, 1);}
}