/* 07 DEC 23 */

.btn_wrapper {
	grid-area: B;
    align-self: center;
    justify-self: start;
}

	.btn_wrapper > button {
		grid-area: none;		
	}
	
	.btn_wrapper > a, 
	a.button {
		display: inline-block;
		cursor: pointer;
		font-family: "Open Sans", sans-serif;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 1em;
		border-radius: 4px;
		padding: 24px 64px;
		background-color: #F6C42C;
		color: #2E3744;
		-webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
		-webkit-transition: all 0.2s;
		transition: all 0.2s;		
	}
	
	a.button {
		text-align: center;
	}
	
	.btn_wrapper > a img {
		width: 48px;
		height: 48px;
		margin-top: -24px;
		margin-bottom: -24px;
		margin-left: 16px;
	}
	
	.btn_wrapper > span {
		margin-top: 35px;
		font-family: Montserrat, Arial, monospace;
		font-size: 20px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.03em;
		text-align: left;
		color: #2E3744;
		display: block;
	}
	
	section.main div.book {
		position: relative;
	}
	
	section.main div.book span {
		display: none;
	}

@media (max-width: 960px) {
	
	section.main .btn_wrapper, 
	section.main .btn_wrapper > button {
		width: 100%;		
	}
	
	.btn_wrapper > a, 
	a.button {
		width: 100%;
		text-align: center;
	}
	
	.btn_wrapper > span {
		display: none;
	}
	
	section.main {		
		margin-bottom: 0;
	}
	
	section.main div.book span {
		display: block;
		position: absolute;
		left: 0;
		bottom: 30px;
		width: 100%;
		text-align: center;
		font-family: Montserrat, Arial, monospace;
		font-size: 16px;
		font-weight: 700;
		line-height: 22px;
		letter-spacing: -0.03em;
		color: #2E3744;
		padding: 0 24px;
	}
	
}

@media (max-width: 640px) {
	
	.btn_wrapper > a, 
	a.button {
        padding: 24px 32px;
    }
	
	section.main div.book span {		
		bottom: 16px;		
		font-size: 12px;		
		line-height: 17px;		
	}
	
	section.main {		
		padding-bottom: 40px;
	}
}

/* /07 DEC 23 */