.switchable-view-container .switchable-view-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 2rem 2rem;
}
@media (max-width: 576px) {
  .switchable-view-container .switchable-view-controls {
    display: none;
  }
}
.switchable-view-container .switchable-view-controls .switchable-view-control-option {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: 35px;
  border-radius: 100%;
}
.switchable-view-container .switchable-view-controls .switchable-view-control-option img {
  display: block;
  height: 20px;
  width: auto;
  filter: grayscale(1);
}
.switchable-view-container .switchable-view-controls .switchable-view-control-option:hover {
  cursor: pointer;
  opacity: 0.8;
  background-color: #444444;
}
@supports (--css: variables) {
  .switchable-view-container .switchable-view-controls .switchable-view-control-option:hover {
    background-color: var(--color-shades-medium-2);
  }
}
.switchable-view-container .switchable-view-controls span:last-child {
  margin-left: 10px;
}
.switchable-view-container.switchable-view-grid-mode .switchable-view-control-option.grid-view {
  background-color: #3B2A27;
}
@supports (--css: variables) {
  .switchable-view-container.switchable-view-grid-mode .switchable-view-control-option.grid-view {
    background-color: var(--color-shades-sauna-orange-3);
  }
}
.switchable-view-container.switchable-view-grid-mode .switchable-view-control-option.grid-view img {
  filter: none;
}
.switchable-view-container.switchable-view-list-mode .switchable-view-control-option.list-view {
  background-color: #3B2A27;
}
@supports (--css: variables) {
  .switchable-view-container.switchable-view-list-mode .switchable-view-control-option.list-view {
    background-color: var(--color-shades-sauna-orange-3);
  }
}
.switchable-view-container.switchable-view-list-mode .switchable-view-control-option.list-view img {
  filter: none;
}

/*
.switchable-view-grid-mode {
	.casino-card {
		@include var(background-color, "color-shades-dark-light-3");
		flex-direction: column;
		padding-top: calc(100px + 1rem);
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		&-logo {
			height: 90px;
			width: 90px;
			position: absolute;
			left: 1rem;
			top: 1rem;
			span {
				display: inline-block;
				font-size: 0.7rem;
				top: -2.5rem;
				left: 0;
				bottom: inherit;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				width: 230px;
			}
		}
		&-main {
			width: 100%;
			flex-direction: column;
			align-items: center;
			padding: 0.5rem;
			&-content { 
				width: 100%;
			}
			.casino-card { 
				&-title-rating {
					position: absolute;
					top: 1rem;
					left: calc(1rem + 95px);					
					width: calc(100% - 100px - 1rem);
					height: 100px;
					justify-content: center;
					align-items: center;
					text-align: center;
				}
				&-title {
					font-size: 1rem;
					line-height: unset;
					margin-bottom: 10px;
				}
				&-bonuses-item {
					p {
						font-size: 0.85rem;
					}
				}
				&-features {
					width: 100%;
					&-item {
						margin-left: 5px;
						margin-right: 5px;
						font-size: 0.8rem;
						&-icon {
							width: 40px;
							img {
								width: 80%;
								height: auto;
							}
						}
					}
				}	
				&-actions {
					width: 100%;
					margin-top: 15px;
				}
			}
		}
	}
}
*/