.refpage{
    background: linear-gradient(to right, #a2759b 0%, #a2759b  50%, #855ae6  100%);
    padding: 1%;
    background-size: 200% auto;
    display: contents;
}

.refpage-btn{
    display: flex !important;
    flex-basis: auto;
    justify-content: center;
    margin-top: 3%;
    margin-bottom: 3%;
    transition: 1s;
}

.refpage-btn .nav-item{
    padding-left: 0.5%;
    padding-right: 0.5%;
    transition: 1s;
}

.refpage-btn .nav-item .btn{
    transition: 0.5s;
    box-shadow: 0 0 20px #eee;
    background:#fff;
    padding:10px 23px;
    box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -moz-box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -webkit-box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -o-box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -ms-box-shadow:0 8px 9px 0 rgba(96,94,94,.17)
}

.refpage-btn .nav-item .btn:hover{
    background: #a2759b;
    color:#fff;
    box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -moz-box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -webkit-box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -o-box-shadow:0 8px 9px 0 rgba(96,94,94,.17);
    -ms-box-shadow:0 8px 9px 0 rgba(96,94,94,.17)
}


.refpage-btn .nav-item .btn p{
    font-family: boldstrom, sans-serif;
    font-size: 14px;
    background: -webkit-linear-gradient(-45deg, #855ae6, #a2759b);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 1s;
}

.refpage-btn .nav-item .btn p:hover{
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.destan-references .referans-titles{
    font-size: 17px;
    color: #fff;
    background-size: 200% auto;
    transition: 1s;
    text-align: center;
}

.referencesbutton .btn-border-filled{
    cursor: pointer;
    background-image: linear-gradient(to right, #a2759b 0%, #855ae6 51%, #855ae6 100%);
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    -webkit-box-shadow: 0 8px 9px 0 rgb(96 94 94 / 17%);
}

.referencesbutton .btn-border-filled:hover{
    background-position: right center;
    color:#fff;
    background-color:transparent;
    border-color:#fff;
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}

.referencesbutton .btn{
    margin-top: 4%;
    text-transform: uppercase;
    width: 100%;
    height: auto;
    padding: 1% 1%;
}