ReactMarkap/src/assets/scss/pages/companies-list/_companies-list.scss

.companies {
	$this: &;

	&__wrapper {
		padding-top: 16px;
		padding-bottom: 80px;
		max-width: 1218px;
		transition: padding-top .225s ease;

		@include for-desktop-up {
			padding-top: 64px;
			padding-bottom: 72px;
		}
	}

	&__found {
		margin-top: 32px;
	}

	&__list {
		margin-top: 16px;

		@include for-laptop-up {
			display: flex;
			flex-wrap: wrap;
			margin-top: 0;
			margin-left: -15px;
			margin-right: -15px;
		}
	}

	&__list-item {

		& + #{$this}__list-item {
			margin-top: 32px;

			@include for-laptop-up {
				margin-top: 16px;
			}
		}

		@include for-laptop-up {
			margin-top: 16px;
			margin-bottom: 16px;
			margin-left: 15px;
			margin-right: 15px;
		}
	}

	&__btn-more {
		display: flex;
		height: 48px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 32px;

		&:hover {

			#{$this}__btn-more-icon {
				color: #ffffff;
			}
		}

		@include for-laptop-up {
			height: 56px;
			width: 100%;
		}

		@include for-desktop-up {
			max-width: 370px;
		}
	}

	&__btn-more-icon {
		color: #828282;
		margin-right: 20px;
	}
}