@import "~@department-of-veterans-affairs/css-library/dist/tokens/scss/variables";

.address-change-form-container{
   position: relative;
    .address-submit-btn-auto-width{
        width: auto !important;
        padding: 12px 30px !important;
        font-size: 16.96px !important;
        @media (max-width: $small-screen) {
            width: 100% !important;
        }
    }
    .loader{
        position: absolute;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(255,255,255,0.7);
        z-index: 1000;
    }
}
.custom-radio{
    appearance: none !important;
    opacity: 0 !important;
    position: absolute !important;
}

.button-container{
    width: 100%;
    display: flex;
    flex-direction: row;
  align-items: center;

@media (max-width: $small-screen) {
      flex-direction: column;
      va-button[text="Update"]{
        margin-bottom: 1rem;
    }

    & *{
        width: 100%;
    }
    }
}


  va-button[text="cancel"]{
    @media (max-width: $small-screen){
        width: 100%;
    }
  }
va-button[text="cancel"]::part(button){
    margin-top: 5px;
    padding: .65rem 1.25rem;

}
button[type="submit"]{
    @media (max-width: $small-screen){
    margin-right: 0;
    }
  }