#contact-form{
    display: flex;
    flex-flow: column;
    gap: 1rem;
}

#contact-form > div > input, #contact-form > div > select, #contact-form > div > textarea{
    padding: 1rem;
    background-color: var(--secondary-transparent-background);
    border: var(--secondary-border) 1px solid !important;
    border-radius: 8px;
}

#contact-form > div{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#contact-form > div > input::placeholder, #contact-form > div > select::placeholder, #contact-form > div > textarea::placeholder{
    color: #a3a3af;
}

.breakdance-form-checkbox input[type="checkbox"], .breakdance-form-radio input[type="radio"]{
    width: 1rem !important;
    height: 1rem !important;
    background-color: var(--secondary-transparent-background);
    border: var(--secondary-border) 1px solid !important;
    border-radius: 8px;
}

.breakdance-form-checkbox{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}


#contact-form-submit{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: var(--regular-spacer);
    padding-right: var(--small);
    padding-bottom: var(--regular-spacer);
    padding-left: var(--small);
    background-color: var(--primary-button-background);
    border-radius: 0.625rem;
    border-top: 1px solid var(--primary-button-background);
    border-bottom: 1px solid var(--primary-button-background);
    border-left: 1px solid var(--primary-button-background);
    border-right: 1px solid var(--primary-button-background);
    white-space: nowrap;
    width: 100%;
    cursor: pointer;
}

#contact-form-submit:has(.button-atom__text){
    font-size: var(--text-size-regular) !important;
    font-weight: bold !important;
    color: var(--text-color-dark) !important;
    font-family: var(--paragraph) !important;
}