.buk-modal{animation:modalOverflow .3s linear;background:rgba(0,0,0,.75);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:50}.buk-modal.buk-modal--show{display:block}.buk-modal__dialog{align-items:center;display:flex;height:100%;justify-content:center;overflow-y:initial;position:relative}.buk-modal__box-content{background-color:var(--color-white);border-radius:var(--radius-32);display:flex;flex-direction:column;max-height:80vh;max-width:860px;opacity:0;transform:translateY(-80px);transition:all 1s ease;width:90%}.buk-modal.buk-modal--show .buk-modal__box-content{opacity:1;transform:translateY(0)}.buk-modal__header{border-bottom:2px solid var(--border-bottom);padding:1.5rem 0;position:relative}.buk-modal__title h3,.buk-modal__title h4{color:var(--color-primary)}.buk-modal__title p{color:var(--font-color-primary)}.buk-modal__body{overflow-y:auto}.buk-modal__close{align-self:flex-end;color:var(--font-color-primary);margin-right:10px;transition:opacity .6s linear}.buk-modal__close:hover{opacity:.5}.buk-modal__btn{background:transparent;border:2px solid var(--color-secondary);border-radius:5px;cursor:pointer}@keyframes modalOverflow{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:576px){.buk-modal__box-content{width:80%}}@media only screen and (min-width:767px){.buk-modal__box-content{max-height:90%}.buk-modal__body{padding:1.5rem 2rem}.buk-modal__close{margin-right:0;position:absolute;right:3%}}.buk-modal__box-content{padding:20px}