bonut

.p_btn3d {
            position: relative;
            top: -9px;
            border: 0;
            transition: all 40ms linear;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 2px;
            margin-right: 2px;
        }

        .p_btn3d:active,
        .p_btn3d.active {
            top: 2px;
        }

        .p_btn3d.btn-magick {
            color: #fff;
            box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(214, 2, 233, 0.15) inset, 0 8px 0 0 #9823d5, 0 12px 22px 3px rgba(160, 4, 233, 0.5);
            background-color: #bb39d7;
            height: 116px;
            font-size: 22px;
            font-weight: bold;
            border-radius: 5px;
            border: 1px #d15bf8 solid;
        }

        .p_btn3d.btn-magick:active,
        .p_btn3d.btn-magick.active {
            box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(193, 7, 240, 0.15) inset, 0 1px 3px 1px rgba(182, 7, 226, 0.3);
            background-color: #bb39d7;
        }

        .p_border_r {
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 5px;
            z-index: 2;
            background: linear-gradient(45deg, rgba(255, 200, 250, 0.5) 0%, rgba(253, 196, 255, 0.5) 20%, transparent 20.3%, transparent 80%, rgba(242, 190, 255, 0.5) 80.3%);
        }

        .p_border_r::after {
            content: '';
            position: absolute;
            z-index: -1;
            left: 6px;
            top: 6px;
            width: calc(100% - 12px);
            height: calc(100% - 12px);
            background: #bb39d7;
            border-radius: 5px;
        }