.button-cutout {
    background-color: #fff;
    --padding: 20px;
    --radius: 40px;
    padding-top: var(--padding);
    width: fit-content;
    z-index: 2;
    position: absolute;
}

.button-cutout.right {
    padding-left: var(--padding);
    bottom: 0;
    right: 0;
    border-top-left-radius: var(--radius);
}

.button-cutout.left {
    padding-right: var(--padding);
    bottom: 0;
    left: 0;
    border-top-right-radius: var(--radius);
}

.button-cutout .button-cutout-corner {
    position: absolute;
    z-index: 1;
    width: 49px;
    height: 45.5px;
}

.button-cutout .button-cutout-corner.bottom-left {
    bottom: 0;
    right: 100%;
}

.button-cutout .button-cutout-corner.top-right {
    right: 0;
    bottom: 100%;
}

.button-cutout .button-cutout-corner.top-left {
    left: 0;
    bottom: 100%;
}

.button-cutout .button-cutout-corner.bottom-right {
    bottom: 0;
    left: 100%;
}

.button-cutout .register-btn {
    padding: 28.5px 176.12px;
    font-size: 24px;
    border-radius: 19px;
}

@media screen and (max-width: 1330px) {
    .button-cutout .register-btn {
        padding: 24.5px 50.62px;
    }
}

@media screen and (max-width: 1100px) {
    .button-cutout {
        --padding: 16px;
        --radius: 24px;
    }

    .button-cutout .button-cutout-corner {
        width: 28px;
        height: 26px;
    }

    .button-cutout .register-btn {
        font-size: 20px;
    }

    .first-screen .first-screen__title-wrap {
        margin-top: 83px;
    }
}

@media screen and (max-width: 765px) {
    .button-cutout {
        position: initial;
        width: 100%;
    }

    .button-cutout .register-btn {
        width: 100%;
        padding: 21px 5px;
    }

    .button-cutout.right,
    .button-cutout.left {
        padding: 0;
        padding-top: 14.34px;
        border-radius: 0;
    }
}