//
// Button groups
// --------------------------------------------------
// Make the div behave like a button
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; // match .btn alignment given font-size hack above
> .btn {
position: relative;
float: left;
// Bring the "active" button to the front
&:hover,
&:focus,
&:active,
&.active {
z-index: 2;
}
&:focus {
// Remove focus outline when dropdown JS adds it after closing the menu
outline: 0;
}
}
}
// Prevent double borders when buttons are next to each other
.btn-group {
.btn + .btn,
.btn + .btn-group,
.btn-group + .btn,
.btn-group + .btn-group {
margin-left: -1px;
}
}
// Optional: Group multiple button groups together for a toolbar
.btn-toolbar {
margin-left: -5px; // Offset the first child's margin
&:extend(.clearfix all);
.btn-group,
.input-group {
float: left;
}
> .btn,
> .btn-group,
> .input-group {
margin-left: 5px;
}
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child {
margin-left: 0;
&:not(:last-child):not(.dropdown-toggle) {
.border-right-radius(0);
}
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
.border-left-radius(0);
}
// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child {
> .btn:last-child,
> .dropdown-toggle {
.border-right-radius(0);
}
}
.btn-group > .btn-group:last-child > .btn:first-child {
.border-left-radius(0);
}
// On active and open, don't show outline
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
// Sizing
//
// Remix the default button sizing classes into new ones for easier manipulation.
.btn-group-xs > .btn { &:extend(.btn-xs); }
.btn-group-sm > .btn { &:extend(.btn-sm); }
.btn-group-lg > .btn { &:extend(.btn-lg); }
// Split button dropdowns
// ----------------------
// Give the line between buttons some depth
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle {
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
// Show no shadow for `.btn-link` since it has no other button styles.
&.btn-link {
.box-shadow(none);
}
}
// Reposition the caret
.btn .caret {
margin-left: 0;
}
// Carets in other button sizes
.btn-lg .caret {
border-width: @caret-width-large @caret-width-large 0;
border-bottom-width: 0;
}
// Upside down carets for .dropup
.dropup .btn-lg .caret {
border-width: 0 @caret-width-large @caret-width-large;
}
// Vertical button groups
// ----------------------
.btn-group-vertical {
> .btn,
> .btn-group,
> .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
// Clear floats so dropdown menus can be properly placed
> .btn-group {
&:extend(.clearfix all);
> .btn {
float: none;
}
}
> .btn + .btn,
> .btn + .btn-group,
> .btn-group + .btn,
> .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
}
.btn-group-vertical > .btn {
&:not(:first-child):not(:last-child) {
border-radius: 0;
}
&:first-child:not(:last-child) {
border-top-right-radius: @border-radius-base;
.border-bottom-radius(0);
}
&:last-child:not(:first-child) {
border-bottom-left-radius: @border-radius-base;
.border-top-radius(0);
}
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) {
> .btn:last-child,
> .dropdown-toggle {
.border-bottom-radius(0);
}
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
.border-top-radius(0);
}
// Justified button groups
// ----------------------
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
> .btn,
> .btn-group {
float: none;
display: table-cell;
width: 1%;
}
> .btn-group .btn {
width: 100%;
}
> .btn-group .dropdown-menu {
left: auto;
}
}
// Checkbox and radio options
//
// In order to support the browser's form validation feedback, powered by the
// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
// use `display: none;` or `visibility: hidden;` as that also hides the popover.
// This way, we ensure a DOM element is visible to position the popover from.
//
// See https://github.com/twbs/bootstrap/pull/12794 for more.
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
position: absolute;
z-index: -1;
.opacity(0);
}
.elementor-animation-grow-rotate {
transition-duration: 0.3s;
transition-property: transform;
}
.elementor-animation-grow-rotate:active,
.elementor-animation-grow-rotate:focus,
.elementor-animation-grow-rotate:hover {
transform: scale(1.1) rotate(4deg);
}
If you are looking to elevate your online gaming experience, Betti Casino is an excellent platform to consider. With a wide range of games and attractive offers, this casino ensures that players have a memorable time. One of the best ways to enjoy more while playing is by utilizing Betti Casino Promo Codes https://online-betticasino.com/promo-codes/. These codes unlock amazing bonuses and promotions that can significantly enhance your gameplay. Betti Casino promo codes are special codes that players can enter to receive various bonuses and incentives. These codes can offer free spins, match bonuses, and even no-deposit bonuses, allowing players to explore the casino without risking their own money. Promo codes are essential tools for players who want to maximize their winnings and enjoy exclusive perks offered by the casino. Betti Casino offers a variety of promo codes to cater to different player preferences. Here are some common types of promo codes you can find: Using Betti Casino promo codes is a straightforward process. Here’s a step-by-step guide:
Unlock Exciting Rewards with Betti Casino Promo Codes
What Are Betti Casino Promo Codes?
Types of Promo Codes Available
How to Use Betti Casino Promo Codes

Using Betti Casino promo codes comes with numerous advantages. Here are a few reasons why players should take advantage of these offers:
To find the best promo codes, players should regularly check the official Betti Casino promotions page, as well as reputable online casinos review sites. Subscribing to the casino’s newsletter can also provide updates on new promotions and exclusive codes sent directly to your email inbox. Additionally, participating in the casino’s social media channels provides insights on upcoming bonuses or flash promotions.
While Betti Casino promo codes provide exciting rewards, it’s essential to be aware of the terms and conditions associated with each offer. Here are a few common conditions that players should keep in mind:
Betti Casino promo codes are a fantastic way to enhance your online gaming experience. By taking advantage of these codes, players can enjoy various bonuses that increase their chances of winning and provide more opportunities to explore the casino’s offerings. Always remember to check the terms and conditions associated with each promo code to ensure you maximize your benefits and enjoy a smooth gaming experience. So, don’t miss out – start using Betti Casino promo codes today and unlock a world of exciting rewards!
]]>
If you’re on a quest for thrilling online gaming experiences, look no further than Betti Casino’s incredible offer of Betti Casino Free Spins https://online-betticasino.com/free-spins/. These promotions not only enhance your gameplay but also provide a fantastic opportunity to boost your winnings without risking your own funds. This article will delve into the world of Betti Casino free spins, explaining what they are, how to claim them, and offering some strategic tips to maximize your enjoyment and potential rewards.
Free spins are promotional offers that allow players to spin the reels of selected slot games without having to place a bet. Each spin has the potential to win real money, and they’re a popular feature in many online casinos, including Betti Casino. These spins can be part of welcome bonuses, ongoing promotions, or specific game events. The best part? You don’t have to deposit your own cash to enjoy these spins, particularly if they’re given as part of a welcome package.
Claiming free spins at Betti Casino is typically a straightforward process. Here’s a step-by-step guide to get you started:

Betti Casino offers various types of free spins promotions that cater to different player preferences. Here are some common ones you might encounter:
When you receive free spins, it’s essential to know where to use them effectively. Here are some popular games at Betti Casino that are worth trying:
Free spins can be a great way to enhance your gaming session, but to make the most of them, consider these strategies:
Betti Casino free spins provide an exciting way to experience online gaming without financial risk. By understanding how to claim them, knowing which games to use them on, and employing effective strategies, you can greatly enhance your gaming enjoyment and potential earnings. Whether you’re a seasoned player or a newcomer, free spins are an opportunity you shouldn’t miss. Dive into the action, and may your spins be ever in your favor!
]]>