.popup-button {
    border: none;
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 6px;
    margin: 10px;
    padding: 1em 3em;
    background-size: 200% auto;
    color: #1e1e1e;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(to right, #ecedea 0%, #f9f9f9 50%, #ecedea 100%);
    transition: 0.5s;
}

    .popup-button:hover {
        color: #1e1e1e;
        text-decoration: none;
        background-position: right center;
    }

.customWidth {
    width: 261px;
}
.clear-signature {
    margin-left: 455px;
}

.text-danger{
    color: red !important;
}
.red_control{
    border: 1.5px solid red;
    border-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .clear-signature {
        margin-left: 436px;
    }
}

@media only screen and (max-width: 574px) {
    .clear-signature {
        margin-left: 87%;
    }
}

@media only screen and (max-width: 333px) {
    .customWidth {
        width: 100%;
    }
}