.packets {
    position: relative;
    background: #F8F8F8;
    padding: 50px;
    min-height: 330px;
    z-index: 9;
}

.packets-title{
    font-size: 28px;
    color: #252E4C;
}
.packets-desc p{
    color: #2C2C2C;
    font-size: 14px;
    line-height: 26px;
}
.packet-button {
    border: 1px solid #d8d8d8;
    display: inline-block;
    padding: 29px 56px;
    font-family: "radikalbold";
    font-size: 14px;
    margin-right: 50px;
}

.ok {
    display: none;
}

.oksiyah {
    display: block;
}

.packets:hover .ok{
    display: block;
}

.packets:hover .oksiyah{
    display: none;
}

.packets:hover .packets-title{
    color: #7FB527;
}
.packets:hover .packet-button{
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF9B58), to(#CB6E2A));
    background: linear-gradient(#FF9B58 0%, #CB6E2A 100%);
    -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
    padding: 29px 56px;
    font-family: "radikalbold";
    color: var(--color-white);
    font-size: 14px;
    margin-right: 50px;
    border: none;
}
.packets-desc p{
    line-height: 30px;
}
.packets-bottom del{
    font-size: 18px;
    color: #9D9D9D;
}
.packets-bottom p{
    font-size: 28px;
    color: #E98844;
    font-weight: 500;
}
.text-right{
    text-align: right;
}