.dpi_pw-container #dpi_pw-request-form {
    display: grid;
    gap: 15px;
    grid-template-columns: 100%;
}

.dpi_pw-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dpi_pw-form-row.flex-right {
    justify-content: flex-end;
}
.dpi_pw-form-row.flex-right .dpi_pw-form-column {
    width: auto;
}

.dpi_pw-form-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.dpi_pw-container label {
    font-size: clamp(16px, 2.5vw, 18px);
    font-weight: bold;
    color: var(--dpi_pw-clr-primary);
}

.dpi_pw-container input[type="text"],
.dpi_pw-container input[type="email"],
.dpi_pw-container input[type="url"],
.dpi_pw-container input[type="password"],
.dpi_pw-container input[type="search"],
.dpi_pw-container input[type="number"],
.dpi_pw-container input[type="tel"],
.dpi_pw-container input[type="range"],
.dpi_pw-container input[type="date"],
.dpi_pw-container input[type="month"],
.dpi_pw-container input[type="week"],
.dpi_pw-container input[type="time"],
.dpi_pw-container input[type="datetime"],
.dpi_pw-container input[type="datetime-local"],
.dpi_pw-container input[type="color"],
.dpi_pw-container textarea {
    padding: 10px;
    box-shadow: var(--dpi_pw-box-shadow);
    border: none;
}

.dpi_pw-container #dpi_pw-request-form .the-button {
    background: var(--dpi_pw-clr-primary);
    color: var(--button-font-color, white);
    padding: 0.6rem 1.2rem;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--dpi_pw-clr-primary);
    border-radius: 10px;
    transition: var(--dpi_pw-tr-background), var(--dpi_pw-tr-color);
    font-size: clamp(20px, 2.5vw, 25px);
    cursor: pointer;
    font-weight: bold;
    position: relative;
}

.dpi_pw-container #dpi_pw-request-form .the-button:hover,
.dpi_pw-container #dpi_pw-request-form .the-button:focus {
    text-decoration: none;
    background: white;
    color: var(--dpi_pw-clr-primary);
    border: 1px solid var(--dpi_pw-clr-primary);
    font-weight: bold;
    transform: none;
}

.dpi_pw-container #dpi_pw-request-form .the-button::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border: 10px solid rgba(111, 148, 182, 0.2);
    border-radius: 50%;
    opacity: 0;
}

.dpi_pw-container #dpi_pw-request-form .the-button.clicked::after,
.dpi_pw-container #dpi_pw-request-form .the-button:focus::after {
    animation: click 0.3s forwards;
}

@media screen and (min-width: 768px) {
    .dpi_pw-form-row {
        flex-direction: row;
    }
}