.date-field.is-style-white-full {
    padding: 24px;
    background: #FBFBFB;
    border-radius: 24px;
}

.date-field.is-style-white-full .date-field-container {
    border-radius: 0;
    padding: 0;
    background-color: transparent !important;
}

.date-field.is-style-white-full #date-input {
    box-shadow: 0 0 0 1px #9F9F9F inset;
    flex: 1;
}

.date-field.is-style-white-full .date-button {
    flex: 1;
}

.date-field.is-style-white-full .date-button button {
    width: 100%;
    color: #FFFDFC;

    /* Button/M */
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.date-field.is-style-white-full .date-button button::after {
    content: "";
    display: inline-block;
    margin-left: 0.75em;
    background-color: currentColor;
    width: 0.9em;
    height: 0.9em;
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,8.3L4.1.3c-1.3-.8-3,.2-3,1.7v16c.1,1.5,1.7,2.5,3,1.7l13.9-8c1.3-.8,1.3-2.7,0-3.4h0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,8.3L4.1.3c-1.3-.8-3,.2-3,1.7v16c.1,1.5,1.7,2.5,3,1.7l13.9-8c1.3-.8,1.3-2.7,0-3.4h0Z'/%3E%3C/svg%3E");
}

.date-field.is-style-white-full .date-button button:hover::after {
    animation: arrow-pulse 0.8s ease-in-out infinite;
}

.date-field.is-style-white-full #date-input:focus, .date-field.is-style-white-full #date-input input:read-write:focus {
    box-shadow: 0 0 0 2px var(--wp--preset--color--purple) inset;
}


.date-field.is-style-white-full legend {
    color: #000000;

    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    display: flex;
    align-items: center;
}