.o-btn{
	border: 2px #ec5e2f solid;
    border-radius: 30px;
    display: inline-block;
    min-height: 60px;
    padding: 8px 20px;
    font-family: 'Pluto','PT Sans', 'Lato', serif;
    margin-left: 5px;
    margin-right: 5px;
        margin-bottom: 0.5em;

    container-name: button;
}
.o-btn.hovered,
.o-btn:hover{
	background: #435672;
	border-color: #435672;
	color: #fff;
}

	.o-btn.hovered .o-btn__text,
	.o-btn:hover .o-btn__text{
		color: #fff;
	}
	

	.o-btn__link{
		display: flex;
	    align-content: center;
	    align-items: center;
	}

	.o-btn__icon{
		float: left;
		margin-right: 5px;
	}
	.o-btn__text{
		color: #435672;
		float: left;
		font-size: 24px;
		font-weight: bold;
		position: relative;
		/* top:7px; */
		
	}

	@container button (min-width: 400px) {
		.o-btn__text{
			width: 80%;
		}
	}
	

	.o-btn__info{
		text-align: center;
		color: #A3A3A3;
		font-weight: bold;
		letter-spacing: 0.2em;
		font-size: 13px;
		text-transform: uppercase;
	}