.cookiealert {
    background: #333;
    color: #fff;
    padding: 15px;
    font: 12px/18px;
}

.cookiealert .wrapper {
    width:100%;
    max-width: 1200px;
    margin: 0 auto;
}

.cookiealert .inner {
	margin-left:-15px;
	margin-right:-15px;
}

.cookiealert .cookie-title,
.cookiealert .content,
.cookiealert .actions {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.cookiealert .inner .cookie-title {
    display: block;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0;
}

.cookiealert .inner p {
    font-size:1rem;
}

.cookiealert .inner a {
    color: #28a745;
    text-decoration: underline;
}
.cookiealert .inner a:hover {
    text-decoration: none;
}

.cookiealert .inner .actions {
    display: flex;
}

.cookiealert .inner .actions a {
    display: block;
    font-size: 1rem;
    text-decoration: none;
    font-weight: bold;
    padding:5px 15px;
    border-radius:4px;
    border:1px solid #000000;
}

.cookiealert .inner .actions a.accept {
	background-color: #28a745;
	color: #ffffff;
	border-color: #23963e;
	margin-right: 15px;
}
.cookiealert .inner .actions a.accept:hover {
	background-color: #2dbf4f;
}

.cookiealert .inner .actions a.decline {
	background-color: #dc3545;
	color: #ffffff;
	border-color: #da2f3f
}
.cookiealert .inner .actions a.decline:hover {
	background-color: #df4957;
}

@media (min-width: 768px) {
	.cookiealert .content,
	.cookiealert .actions {
		margin-bottom:0;
	}
	
	.cookiealert .content {
		flex:1;
	}
	
	.cookiealert .message {
		display:flex;
		align-items:center;
	}
}