.vedem-kasgun {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  -webkit-tap-highlight-color: transparent;
}

button {
    width: 178px;
    height: 52px;
    background: none;
    border: 2px solid #46a940;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 500ms;
}

span, svg {
    position: absolute;
    color: #399e33;
    fill: rgb(0 0 0 / 0%);
}

button:hover {
    font-size: 14px;
}

button:focus {
    outline: none;
    border: 2px solid transparent;
    width: 50px;
    border-left: 2px solid #46a940;
    border-bottom: 2px solid #89db84;
    animation: spin 2s 500ms forwards;
}

button:focus span {
    color: transparent;
}

button:focus svg {
    animation: check 500ms 2300ms forwards;
}

@keyframes spin {
    80%{border: 2px solid transparent;
   border-left: 2px solid #46a940;}
    100%{transform: rotate(1080deg);
  border: 2px solid #89db84;}
}

@keyframes check {
    to{fill: #89db84}
}

@keyframes circle {
    to{border: 2px solid #46a940;}
}