.terminos-styles{
			display: none;
			font-family: Roboto, 'Open Sans', Arial, Helvetica; 
			font-size: 12px; 
			color: rgb(48, 48, 48); 
			background: rgb(255, 255, 255);
			bottom: 0;
			width: calc(100% - 40px);
			border-width: 0;
			left: 0;

		    border-radius: 5px;
		    box-sizing: border-box;
		    opacity: 1;
		    position: fixed;
		    z-index: 9999;
		    border-width: 0;
		    margin: 1.667em;
		    box-shadow: 0 0 35px 0 rgba(0,0,0,.25);
		    padding: 2.5em 2.86em;
		}
		.terminos-styles > div{
			max-width: 122.5em;
    		margin: auto;
		}
		.terminos-styles-content{
			display: flex;
    		flex: 1;
    		align-items: center;
		}

		.terminos-styles-message{
			margin-right: 2em;
			line-height: 1.75;
		}
		.terminos-styles-buttons{
			display: flex;
		   justify-items: center;
		   justify-content: center;
		}

		.terminos-styles-button:not(:last-child){
			    margin-right: 0.75rem;
			        
		}
		.terminos-styles-button{
				width: 12.86em;
		    min-width: 12.86em;
		    max-width: 16em;
		    cursor: pointer;
		 }
		.terminos-styles-button:first-of-type{
			border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    background: #fff;
    padding: 0.625em 2em;
		}


		@media screen and (max-width: 58em){
			.terminos-styles-content {
			    flex-direction: column;
			}
			.terminos-styles-message{
				margin-bottom: 1em;
    			margin-right: 0;
			}
		}

		@media screen and (max-width: 36.5em){
			.terminos-styles-buttons {
				flex-direction: column-reverse;
    			width: 100%;
			}
			.terminos-styles-button:not(:first-child){
				padding: 10px 0;
    			margin-bottom: 5px;
			}
			.terminos-styles-button{
				min-width: 100%;
			}
			
		}