@import 'src/Components/GlobalStyles/colors';

.redirectPageContainer {
	&__subContainer {
		background-color: $grey-hr;
		position: relative;
		padding-bottom: 100px;

		a {
			display: inline-block;
			color: var(--primary-color);
			text-align: center;
			margin: 30px 0;
			padding: 10px 20px;
			border-radius: 10px;
			font-size: 25px;
			font-weight: 600;

			&:hover {
				background-color: $font-grey-darker;
				color: white;
			}
		}

		p {
			display: inline-block;
			text-align: center;
		}

		.icon {
			background-color: lighten($grey-hr, 5);
			display: inline-block;
			line-height: 50px;
			width: 50px;
			border-radius: 50%;
			margin-left: 20px;
			color: var(--primary-color);

			&:hover {
				cursor: pointer;
				background-color: darken($grey-hr, 5);
				color: darken($primary, 10);
			}
		}
	}
}