.wallet-operations {
    padding: 45px 15px 0
}

.wallet-operations__title {
    color: #303030;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center
}

.wallet-operations__methods {
    display: flex;
    flex-direction: column;
    margin-top: 44px;
    row-gap: 15px
}

.wallet-operations__method {
    align-items: center;
    background: #fff;
    border: 1px solid #eae9e9;
    border-radius: 8px;
    color: #848484;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 13px 20px;
    transition-duration: .15s;
    transition-property: background, color, border-color;
    transition-timing-function: ease-in-out
}

.wallet-operations__method:hover,
.wallet-operations__method_active {
    color: #13a14a
}

.wallet-operations__method_active {
    background-color: #eefcee;
    border-color: #99d299
}

.wallet-operations__method span {
    align-items: center;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.wallet-operations__method span:before {
    background: transparent;
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    transition: background .15s ease-in-out;
    width: 10px
}

.wallet-operations__method_active span:before {
    background: #13a14a
}

@media only screen and (min-width:36em) {
    .wallet-operations__methods {
        grid-column-gap: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:48em) {
    .wallet-operations {
        padding: 45px 30px 0
    }

    .wallet-operations__methods {
        grid-column-gap: 30px
    }
}