.button-fake {
	background-color: #4d7a91;
    height: 50px;
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.button-fake:before {
    content: '';
    width: 200%;
    position: absolute;
    height: 100%;
    left: -100%;
    top: -100%;
    background-image: linear-gradient(to right, #E43449 0%, #E43449 50%, #AFCDD4 50%, #AFCDD4 100%);
    transition-property: top, left;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

a.button-home {
	border: 1px solid #3a5f72!important;
	font-weight: bold;
	text-transform: uppercase;
	color: #3a5f72;
	width: 100%;
	text-align: center;
	transition: 0.3s;
	cursor: pointer;
	padding: 0 5px;
	width: 100%;
	height: 100%;
	display: block;
	font-weight: bold;
	padding: 10px 0;
}

.button-home.color-6 {
	border-color: #73C8AF!important;
}
.button-home.color-5 {
	border-color: #F1EFDA!important;
}
.button-home.color-4 {
	border-color: #F7A330!important;
}
.button-home.color-3 {
	border-color: #F08571!important;
}
.button-home.color-2 {
	border-color: #E43449!important;
}
.button-home.color-1 {
	border-color: #72CCDA!important;
}

.button-home:hover {
	border-width: 3px!important;
}

.button-fake.color-1:before {
    background-image: linear-gradient(to right, #73C8AF 0%, #73C8AF 50%, #AFCDD4 50%, #AFCDD4 100%);
}

.button-fake.color-1 a {
    color: #73C8AF!important;
}

.button-fake.color-2:before {
    background-image: linear-gradient(to right, #F1EFDA 0%, #F1EFDA 50%, #AFCDD4 50%, #AFCDD4 100%);
}

.button-fake.color-2 a {
    color: #F1EFDA!important;
}

.button-fake.color-3:before {
  background-image: linear-gradient(to right, #F7A330 0%, #F7A330 50%, #AFCDD4 50%, #AFCDD4 100%);
}

.button-fake.color-3 a {
    color: #F7A330!important;
}

.button-fake.color-4:before {
  background-image: linear-gradient(to right, #F08571 0%, #F08571 50%, #AFCDD4 50%, #AFCDD4 100%);
}

.button-fake.color-4 a {
    color: #F08571!important;
}

.button-fake.color-5:before {
  background-image: linear-gradient(to right, #E43449 0%, #E43449 50%, #AFCDD4 50%, #AFCDD4 100%);
}

.button-fake.color-5 a {
    color: #E43449!important;
}

.button-fake.color-6:before {
  background-image: linear-gradient(to right, #72CCDA 0%, #72CCDA 50%, #AFCDD4 50%, #AFCDD4 100%);
}

.button-fake.color-6 a {
    color: #72CCDA!important;
}

.button-fake:hover::before {
    left: 0;
    top: 0;
}

.button-real {
	margin-bottom: 0;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    margin: auto;
    background-color: #000;
    position: relative;
    display: flex;
    margin-bottom: auto;
    transition: 0.5s ease-in-out;
}

.button-fake:hover .button-real {
	height: calc(100% - 6px);
    width: calc(100% - 6px);
}

.button-real a {
	height: 100%;
    width: 100%;
    text-align: center;
    line-height: 44px;
    text-decoration: none!important;
    text-transform: uppercase;
    color: #AFCDD4;
    transition: 0.5s ease-in-out;
}

.button-real a:hover {
	color: #E43449;
}

.takeout-container {
    float: left;
    display: flex;
      width: 100%;
      margin-top: 50px;
}

.takeout-container a {
      background-color: #174358;
    padding: 15px;
    color: #fda81e!important;
    width: 50%;
    text-transform: uppercase;
    border: 5px solid #3A5F72;
      margin: auto;
    width: auto;

}