
.InstagramButtonStyle{
    height: 50px;
    width: 150px;
    font-size: 200%;
    position: relative;
    padding: 15px 30px;
    color: white;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    z-index: 1;
    background-image: linear-gradient(45deg, rgb(245, 96, 64), rgb(255, 220, 128), rgb(252, 175, 69),rgb(247, 119, 55),rgb(253, 29, 29), rgb(225, 48, 108),rgb(193, 53, 132),rgb(131, 58, 180),rgb(88, 81, 219),rgb(64, 93, 230));
}

.InstagramButtonStyle::before {
    height: 150px;
    width: 300px;
    font-size: 200%;
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 100px;
    /* İkinci gradyan */
    background: linear-gradient(45deg, rgb(64, 93, 230), rgb(88, 81, 219), rgb(131, 58, 180), rgb(193, 53, 132), rgb(225, 48, 108), rgb(253, 29, 29), rgb(247, 119, 55), rgb(252, 175, 69), rgb(255, 220, 128), rgb(245, 96, 64));    z-index: -1;

    opacity: 0;
    transition: opacity 0.4s ease;
}


.InstagramButtonStyle:hover::before {
    opacity: 1;
}

/**/

.InstagramButtonStyleLogo{
    height: 50px;
    width: 50px;
    font-size: 200%;
    position: relative;
    padding: 15px 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 1;
    background-image: linear-gradient(45deg, rgb(245, 96, 64), rgb(255, 220, 128), rgb(252, 175, 69),rgb(247, 119, 55),rgb(253, 29, 29), rgb(225, 48, 108),rgb(193, 53, 132),rgb(131, 58, 180),rgb(88, 81, 219),rgb(64, 93, 230));
}

.InstagramButtonStyleLogo::before {
    height: 50px;
    width: 50px;
    font-size: 200%;
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 100px;
    /* İkinci gradyan */
    background: linear-gradient(45deg, rgb(64, 93, 230), rgb(88, 81, 219), rgb(131, 58, 180), rgb(193, 53, 132), rgb(225, 48, 108), rgb(253, 29, 29), rgb(247, 119, 55), rgb(252, 175, 69), rgb(255, 220, 128), rgb(245, 96, 64));    z-index: -1;

    opacity: 0;
    transition: opacity 0.4s ease;
}


.InstagramButtonStyleLogo:hover::before {
    opacity: 1;
}
