.btn-bakiye {
    background-color: #fda201;
    cursor: pointer;
    transition: .2s;
    position: relative;
    color: black;
    overflow: hidden;
    border-radius: 5px;
}
.btn-bakiye:hover {
    background-color: #FFC60D;
    box-shadow: 0px 0px 6px 2px rgb(253, 197, 13);
    color: white;
}
.btn-bakiye:active {
    transform: scale(0.9);
}
.btn-bakiye .first {
    transform-origin: 50% 450%;
    transition: .4s;
}
/*.btn-bakiye .first::before {
    content: "0,00TL";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    transform-origin: 50% 450%;
    color: currentColor;
}*/

.btn-bakiye:hover > .first {
    transform: rotate(180deg);
}

.btn-bakiye a:link,
.btn-bakiye a:visited {
    color: currentColor;
    text-decoration: none;
}

.active-bakiye {
    background-color: #fdc50d;
    box-shadow: 0px 0px 6px 2px rgb(253, 197, 13);
    color: white;
}

.active__text {
    transform: rotate(180deg);
}