@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";.btn-conteiner{display:flex;justify-content:center;--color-text: #ffffff;--color-background: #8660c8;--color-background-2: #77bef5;--color-shadow: #00000080}.btn-content{display:flex;align-items:center;padding:5px 20px;text-decoration:none;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;color:var(--color-text);background:linear-gradient(190deg,var(--color-background) 14%,var(--color-background-2) 85%);transition:1s;border-radius:100px;box-shadow:0 0 .2em 0 var(--color-background)}.btn-content:hover,.btn-content:focus{transition:.5s;-webkit-animation:btn-content 1s;animation:btn-content 1s;outline:.1em solid transparent;outline-offset:.2em;box-shadow:0 0 .4em 0 var(--color-background)}.btn-content .icon-arrow{transition:.5s;margin-right:0;transform:scale(.6)}.btn-content:hover .icon-arrow{transition:.5s;margin-right:25px}.icon-arrow{width:20px;margin-left:15px;position:relative;top:6%}#arrow-icon-one{transition:.4s;transform:translate(-60%)}#arrow-icon-two{transition:.5s;transform:translate(-30%)}.btn-content:hover #arrow-icon-three{animation:color_anim 1s infinite .2s}.btn-content:hover #arrow-icon-one{transform:translate(0);animation:color_anim 1s infinite .6s}.btn-content:hover #arrow-icon-two{transform:translate(0);animation:color_anim 1s infinite .4s}@keyframes color_anim{0%{fill:#fff}50%{fill:var(--color-background)}to{fill:#fff}}@-webkit-keyframes btn-content{0%{outline:.2em solid var(--color-background);outline-offset:0}}@keyframes btn-content{0%{outline:.2em solid var(--color-background);outline-offset:0}}