﻿/* Estilo para el botón */
.new-request-button {
	align-self: flex-start; /* Alinea el botón a la izquierda */
	padding: 10px 20px; /* Espaciado interno */
	font-size: 16px; /* Tamaño del texto */
}

/* Estilo para los botones de opción */
.popup-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px; /* Más espacio entre los botones */
	margin-top: 40px; /* Margen superior para separar del título */
}

.popup-button {
	width: 90%; /* Ancho casi completo del popup */
	height: 80px; /* Altura más grande */
	font-size: 24px; /* Tamaño de fuente más grande */
	color: white; /* Texto en blanco */
	border: none; /* Sin borde */
	border-radius: 10px; /* Bordes redondeados */
	transition: background-color 0.3s ease; /* Transición suave */
}

/* Estilo para el botón de cancelar */
.popup-cancel {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.cancel-button {
	width: 100px; /* Ancho del botón de cancelar */
	height: 40px; /* Altura del botón de cancelar */
	font-size: 14px; /* Tamaño de la fuente */
	background-color: #dc3545; /* Color de fondo rojo */
	color: white; /* Texto en blanco */
	border: none; /* Sin borde */
	border-radius: 5px; /* Bordes redondeados */
	transition: background-color 0.3s ease; /* Transición suave */
}

	.cancel-button:hover {
		background-color: #a71d2a; /* Cambio de color al pasar el mouse */
	}