.twrpb-widget-components {
	// margin: 0 -0.5rem;

	&__tab-buttons {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		padding: 0.5rem 0.5rem 0;
		list-style-type: none;
		background-color: #f1f1f1;
		border: 1px solid #ccc;
	}

	&__btn-wrapper {
		margin: 0 0.5rem 0.5rem 0;
	}

	&__btn {
		display: block;
		padding: 0.15rem 0.6rem;
		font-size: 0.9rem;
		color: #eee;
		text-decoration: none;
		background-color: #777;
		border: 1px solid #777;
		border-radius: 2px;
		transition: color 250ms ease, background-color 250ms ease;

		&:hover {
			color: white;
			background-color: #333;
		}
	}

	.ui-state-active &__btn {
		color: white;
		background-color: #333;
	}

	&__components {
		position: relative;
		padding: 0 0.5rem;
		// Keep margins inside.
		overflow: hidden;
		background-color: white;
		border: 1px solid #ccc;
		border-top: 0;
	}
}