.btn-conteiner{display:flex;justify-content:center;--color-text:#fff;--color-background:linear-gradient(45deg,#1179a7,#19b63d);--color-outline:#ff145b80;--color-shadow:#00000080}.btn-content{align-items:center;background:var(--color-background);background-clip:padding-box;-webkit-background-clip:padding-box;border-radius:100px;box-shadow:0 0 .2em 0 var(--color-shadow);color:var(--color-text);display:flex;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;padding:5px 30px;transition:background .5s,box-shadow .5s}.btn-content:focus,.btn-content:hover{box-shadow:0 0 .4em 0 var(--color-shadow);outline:.1em solid transparent;outline-offset:.2em;transition:background .5s,box-shadow .5s}.btn-content .icon-arrow{margin-right:0;transform:scale(.6);transition:.5s}.btn-content:hover .icon-arrow{margin-right:25px;transition:.5s}.icon-arrow{margin-left:15px;position:relative;top:6%;width:20px}#arrow-icon-one{transform:translateX(-60%);transition:.4s}#arrow-icon-two{transform:translateX(-30%);transition:.5s}.btn-content:hover #arrow-icon-three{animation:color_anim 1s .2s infinite}.btn-content:hover #arrow-icon-one{animation:color_anim 1s .6s infinite;transform:translateX(0)}.btn-content:hover #arrow-icon-two{animation:color_anim 1s .4s infinite;transform:translateX(0)}@keyframes color_anim{0%{fill:#fff}50%{fill:var(--color-background)}to{fill:#fff}}@-webkit-keyframes btn-content{0%{outline:.2em solid var(--color-shadow);outline-offset:0}}@keyframes btn-content{0%{outline:.2em solid var(--color-shadow);outline-offset:0}}.btn-content,.btn-content:hover{text-decoration:none}.btn-content:hover{outline:none}@media (max-width:768px){.btn-content{font-size:16px;padding:5px 20px}.icon-arrow{width:15px}}