.button {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #ededed;
		text-decoration: none;
		transition: 0.3s;
		font-weight: bold;
		text-align: center;
		border-radius: 10px;
		padding: 10px 20px;
		margin: 3px;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.60);
		outline: none;
		border: none;
    cursor: pointer;
	}

	.button>* {
		filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.60));
	}

	.button:hover {
		transform: scale(1.05);
	}

	.button.cta {
		font-size: 1.3em;
		padding: 15px 40px;
	}

	/* smaller font size under 375px */

	@media screen and (max-width: 375px) {
		.button {
			padding: 15px 20px;
			font-size: 4.5vw;
		}
	}