.btn-group, .btn-group-vertical {position: relative;display: inline-flex;vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn {position: relative;flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {z-index: 1; } .btn-toolbar {display: flex;flex-wrap: wrap;justify-content: flex-start; } .btn-toolbar .input-group {width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0;border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0; } .dropdown-toggle-split {padding-right: 0.5625rem;padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {margin-left: 0; } .dropleft .dropdown-toggle-split::before {margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {padding-right: 0.375rem;padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {padding-right: 0.75rem;padding-left: 0.75rem; } .btn-group-vertical {flex-direction: column;align-items: flex-start;justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 0;border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0;border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] {position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none; } .btn-group.btn-group-carousel {position: absolute;right: 16px;margin-top: -45px; } .btn-group.btn-group-carousel .btn {width: 36px !important;height: 36px !important;border-radius: 100px !important;margin-bottom: 0;display: flex;align-content: center;justify-content: center;padding: 5px !important;margin-left: 10px;background: var(--white); } .btn-group.btn-group-carousel .btn svg {margin: 0 !important; } .btn-group.btn-group-bottom {background: var(--white);padding: 11px 22px;margin-top: 22px;border-radius: 12px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);flex-direction: column;width: 100%; } @media (min-width: 576px) {.btn-group.btn-group-bottom {flex-direction: row;padding: 22px 11px;margin-top: 50px;} } @media (min-width: 768px) {.btn-group.btn-group-bottom {width: auto;} } .btn-group.btn-group-bottom .btn {border-radius: 12px !important;margin-top: 11px;margin-bottom: 11px; } @media (min-width: 576px) {.btn-group.btn-group-bottom .btn {margin-top: 0;margin-bottom: 0;margin-left: 11px;margin-right: 11px;} } @media (min-width: 576px) {.sticky-bottom {position: sticky;bottom: 100px;z-index: 5;height: 0;margin-top: 45px;margin-bottom: 50px;} } @media (min-width: 768px) {.sticky-bottom {margin-top: 75px;margin-bottom: 100px;} } @media (min-width: 992px) {.sticky-bottom {margin-bottom: 75px;} }