.dg-login-signup__btn {
    background-color: var(--color-1);
    color: var(--color-3);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 100px;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 600;
    border: none;
    line-height: 1;
    -webkit-appearance: none;
    font-size: 16px;
    white-space: nowrap;
}

    .dg-login-signup__btn:after {
        content: "\e900";
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        transition: transform 0.3s ease-in-out;
        font-size: 10px;
        font-weight: 500;
        transition: transform 0.3s ease-in-out;
    }

    .dg-login-signup__btn:hover:after {
        transform: translateX(10px);
    }

.dg-login-signup__box-inner.login:before {
    background-color: var(--ga-electric-blue);
}

.dg-login-signup__box-inner.mypga:before {
    background-color: var(--pga-primary-green);
}

.dg-login-signup__box-inner.newsletter:before {
    background-color: var(--color-1);
}

.dg-login-signup a {
    color: var(--color-3);
}

.dg-login-signup__description a {
    border-bottom: 1px solid var(--color-3);
}

.dg-login-signup .form-group input[type=email] {
    height: auto;
    font-size: 14px;
}

.dg-login-signup .form-group.error .form-control {
    border-bottom-color: red;
}

.dg-login-signup-radio-button:hover label {
    color: var(--color-1);
}

.dg-login-signup-radio-button:hover .check {
    border-color: var(--color-1);
}


.dg-login-signup-radio-button input[type=radio]:checked ~ .check {
    border-color: var(--color-1);
}

    .dg-login-signup-radio-button input[type=radio]:checked ~ .check::before {
        background: var(--color-1);
    }

.dg-login-signup-radio-button input[type=radio]:checked ~ label {
    color: var(--color-1);
}

.dg-login-signup .dg-tooltip:before {
    top: -5px;
    left: 100%;
    transform: translateX(5px);
}