[class*="border-"] {  
    border-style: var(--border-style); 
    border-width: 0; 
}

.border-0 {        border-width: 0;             }
.border-top-0 {    border-top-width: 0;         }
.border-right-0 {  border-right-width: 0;       }
.border-bottom-0 { border-bottom-width: 0;      }
.border-left-0 {   border-left-width: 0;        }
.border {          border-width: var(--border-width);         }
.border-top {      border-top-width: var(--border-width);     }
.border-right {    border-right-width: var(--border-width);   }
.border-bottom {   border-bottom-width: var(--border-width);  }
.border-left {     border-left-width: var(--border-width);    }

.border-1 { --border-width: .1rem; }
.border-2 { --border-width: .2rem; }
.border-3 { --border-width: .3rem; }

@media (min-width: 576px) { 
    .sm\:border-0 {        border-width: 0;            }
    .sm\:border-top-0 {    border-top-width: 0;        }
    .sm\:border-right-0 {  border-right-width: 0;      }
    .sm\:border-bottom-0 { border-bottom-width: 0;     }
    .sm\:border-left-0 {   border-left-width: 0;       }
    .sm\:border {          border-width: var(--border-width);        }
    .sm\:border-top {      border-top-width: var(--border-width);    }
    .sm\:border-right {    border-right-width: var(--border-width);  }
    .sm\:border-bottom {   border-bottom-width: var(--border-width); }
    .sm\:border-left {     border-left-width: var(--border-width);   }
}

@media (min-width: 768px) { 
    .md\:border-0 {        border-width: 0;            }
    .md\:border-top-0 {    border-top-width: 0;        }
    .md\:border-right-0 {  border-right-width: 0;      }
    .md\:border-bottom-0 { border-bottom-width: 0;     }
    .md\:border-left-0 {   border-left-width: 0;       }
    .md\:border {          border-width: var(--border-width);        }
    .md\:border-top {      border-top-width: var(--border-width);    }
    .md\:border-right {    border-right-width: var(--border-width);  }
    .md\:border-bottom {   border-bottom-width: var(--border-width); }
    .md\:border-left {     border-left-width: var(--border-width);   }
}

@media (min-width: 1024px) { 
    .lg\:border-0 {        border-width: 0;            }
    .lg\:border-top-0 {    border-top-width: 0;        }
    .lg\:border-right-0 {  border-right-width: 0;      }
    .lg\:border-bottom-0 { border-bottom-width: 0;     }
    .lg\:border-left-0 {   border-left-width: 0;       }
    .lg\:border {          border-width: var(--border-width);        }
    .lg\:border-top {      border-top-width: var(--border-width);    }
    .lg\:border-right {    border-right-width: var(--border-width);  }
    .lg\:border-bottom {   border-bottom-width: var(--border-width); }
    .lg\:border-left {     border-left-width: var(--border-width);   }
}

@media (min-width: 1280px) { 
    .xl\:border-0 {        border-width: 0;            }
    .xl\:border-top-0 {    border-top-width: 0;        }
    .xl\:border-right-0 {  border-right-width: 0;      }
    .xl\:border-bottom-0 { border-bottom-width: 0;     }
    .xl\:border-left-0 {   border-left-width: 0;       }
    .xl\:border {          border-width: var(--border-width);        }
    .xl\:border-top {      border-top-width: var(--border-width);    }
    .xl\:border-right {    border-right-width: var(--border-width);  }
    .xl\:border-bottom {   border-bottom-width: var(--border-width); }
    .xl\:border-left {     border-left-width: var(--border-width);   }
}

@media (min-width: 1540px) { 
    .xxl\:border-0 {        border-width: 0;            }
    .xxl\:border-top-0 {    border-top-width: 0;        }
    .xxl\:border-right-0 {  border-right-width: 0;      }
    .xxl\:border-bottom-0 { border-bottom-width: 0;     }
    .xxl\:border-left-0 {   border-left-width: 0;       }
    .xxl\:border {          border-width: var(--border-width);        }
    .xxl\:border-top {      border-top-width: var(--border-width);    }
    .xxl\:border-right {    border-right-width: var(--border-width);  }
    .xxl\:border-bottom {   border-bottom-width: var(--border-width); }
    .xxl\:border-left {     border-left-width: var(--border-width);   }
}