.section-buy-methods {
    padding: 100px 0 70px;
}

.buy-methods__item {
    position: relative;
    height: calc(100% - 30px);
    display: block;
    padding: 0 30px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
}

.buy-methods__item:before,
.buy-methods__item:after {
    content: "";
    position: absolute;
    width: 116px;
    height: 92px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    pointer-events: none;
    z-index: 2;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='116' height='92' viewBox='0 0 116 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M37.7178 34.9056L37.7171 34.8663C37.5906 27.207 37.4522 18.8272 38.7314 9.54387C19.0535 18.3028 9.50692 25.6452 5.04328 33.1887C0.526726 40.8217 1.15596 48.7456 1.98066 58.8952L1.98161 58.9071C2.68365 67.5383 3.50986 77.6963 1.2753 90.4149C19.784 82.3135 28.9445 74.1534 33.4642 65.2877C38.0626 56.2674 37.909 46.434 37.7178 34.9056ZM106.435 24.5163L106.442 24.4937C108.659 17.1445 111.088 9.09051 115.159 0.589764C93.6193 2.85886 82.2281 6.90915 75.6485 12.73C68.9921 18.6188 67.1779 26.383 64.8693 36.3475L64.8665 36.3597C62.917 44.7748 60.6235 54.6754 54.6847 66.0674C74.8586 64.0625 86.0997 59.1409 93.1176 52.1123C100.256 44.9627 103.101 35.5695 106.435 24.5163Z' stroke='%2346536E'/%3E%3C/svg%3E%0A");
}

.buy-methods__item:before {
    bottom: -40px;
    left: -20px;
}

.buy-methods__item:after {
    transform: scaleX(-1);
    bottom: 148px;
    right: -16px;
}

.buy-methods__img-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 290px;
    width: 100%;
}

.buy-methods__img-wrapper:before,
.buy-methods__img-wrapper:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 96px;
    width: calc(50% + 1px);
    -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    background-color: #FFFFFF;
    z-index: 1;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 1;
}

.buy-methods__img-wrapper:before {
    left: -1px;
}

.buy-methods__img-wrapper:after {
    transform: scaleX(-1);
    right: -1px;
}

.buy-methods__img-wrapper img {
    object-fit: cover;
    width: 100%;
}

.buy-methods__footer {
    position: relative;
    background: #fff;
    top: 0;
    padding-bottom: 50px;
}

.buy-methods__name {
    padding-top: 47px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #46536E;
    margin-bottom: 10px;
}

.buy-methods__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.44;
    text-align: center;
    color: rgba(70, 83, 110, 0.7);
}

.buy-methods__btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
}

@media all and (max-width:1599px) {
    .section-buy-methods {
        padding: 80px 0 50px;
    }
}

@media all and (max-width:1199px) {
    .section-buy-methods {
        padding: 60px 0 30px;
    }
    .buy-methods__btn {
        opacity: 1;
        visibility: visible;
        position: relative;
        inset: 0;
        transform: unset;
        padding-bottom: 30px;
        text-align: center;
    }
    .buy-methods__footer {
        padding-bottom: 30px;
    }
    .buy-methods__name {
        padding-top: 30px;
    }
    .buy-methods__img-wrapper {
        margin: 0 -30px;
        width: calc(100% + 60px);
    }
}

@media all and (max-width:959px) {
    .buy-methods__img-wrapper {
        margin: 0 -15px;
        width: calc(100% + 30px);
        height: 240px;
    }
    .buy-methods__img-wrapper:before, 
    .buy-methods__img-wrapper:after {
        bottom: -2px;
        height: 76px;
        width: calc(50% + 10px);
    }
    .buy-methods__item {
        padding: 0 15px;
    }
    .buy-methods__name {
        font-size: 20px;
    }
    .buy-methods__text {
        font-size: 16px;
    }
    .buy-methods__footer {
        padding-bottom: 20px;
    }
}


@media all and (min-width:1200px) {
    .buy-methods__item:hover {
        -webkit-box-shadow: 0px 40px 60px -10px rgba(70, 83, 110, 0.25);
        box-shadow: 0px 40px 60px -10px rgba(70, 83, 110, 0.25);
    }
    .buy-methods__item:hover:before,
    .buy-methods__item:hover:after {
        opacity: 1;
        visibility: visible;
    }
    .buy-methods__item:hover .buy-methods__name {
        padding-top: 37px;
    }
    .buy-methods__item:hover .buy-methods__btn {
        opacity: 1;
        visibility: visible;
        bottom: 50px;
    }
    .buy-methods__item:hover .buy-methods__footer {
        top: -60px;
    }
    .buy-methods__item:hover .buy-methods__img-wrapper:before,
    .buy-methods__item:hover .buy-methods__img-wrapper:after {
        bottom: 59px;
    }
}