.btn-conteiner{--color-text:#fff;--color-background:#ff135a;--color-outline:#ff145b80;--color-shadow:#00000080;justify-content:center;display:flex}.btn-content{color:var(--color-text);background:var(--color-background);box-shadow:0 0 .2em 0 var(--color-background);border-radius:100px;align-items:center;padding:5px 30px;font-family:Poppins,sans-serif;font-size:30px;font-weight:600;text-decoration:none;transition:all 1s;display:flex}.btn-content:hover,.btn-content:focus{outline-offset:.2em;box-shadow:0 0 .4em 0 var(--color-background);outline:.1em solid #0000;transition:all .5s;animation:1s btn-content}.btn-content .icon-arrow{margin-right:0;transition:all .5s;transform:scale(.6)}.btn-content:hover .icon-arrow{margin-right:25px;transition:all .5s}.icon-arrow{width:20px;margin-left:15px;position:relative;top:6%}#arrow-icon-one{transition:all .4s;transform:translate(-60%)}#arrow-icon-two{transition:all .5s;transform:translate(-30%)}.btn-content:hover #arrow-icon-three{animation:1s .2s infinite color_anim}.btn-content:hover #arrow-icon-one{animation:1s .6s infinite color_anim;transform:translate(0%)}.btn-content:hover #arrow-icon-two{animation:1s .4s infinite color_anim;transform:translate(0%)}@keyframes color_anim{0%{fill:#fff}50%{fill:var(--color-background)}to{fill:#fff}}@keyframes btn-content{0%{outline:.2em solid var(--color-background);outline-offset:0}}
