.academia_website_avalanche_fees_details_hero_styles_outerwrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
gap: 2em;
}
@media (width > 768px) {
.academia_website_avalanche_fees_details_hero_styles_outerwrapper {
flex-direction: row;
}
.academia_website_avalanche_fees_details_hero_styles_image {
width: 40vw;
}
.academia_website_avalanche_fees_details_hero_styles_buttonwrapper {
display: flex;
}
}
@media (width <= 768px) {
.academia_website_avalanche_fees_details_hero_styles_outerwrapper {
flex-direction: column-reverse;
}
.academia_website_avalanche_fees_details_hero_styles_image {
width: 100%;
}
}
.academia_website_avalanche_fees_details_hero_styles_imagewrapper {
display: flex;
align-items: center;
justify-content: center;
}
.academia_website_avalanche_fees_details_hero_styles_image {
}
.academia_website_avalanche_fees_details_hero_styles_innerwrapper {
display: flex;
flex-direction: column;
gap: 1.5em;
}
.academia_website_avalanche_fees_details_hero_styles_title {
font-size: 1.5em;
color: rgba(0, 0, 0, 0.5);
.price-text {
font-size: 2em;
color: black;
font-weight: bold;
}
.year-text {
color: #6E1F73;
}
}
.academia_website_avalanche_fees_details_hero_styles_summary {
font-size: 1.2em;
color: rgba(0, 0, 0, 0.5);
}
.academia_website_avalanche_fees_details_hero_styles_buttonwrapper {
}
.academia_website_avalanche_fees_details_hero_styles_actionbtn {
font-size: 1.2em;
padding: 15px 30px;
border-radius: 2em;
cursor: pointer;
margin-bottom: 1em;
}
.academia_website_avalanche_fees_details_hero_styles_outlinebtn {
background-color: transparent;
border: 1px solid #6E1F73;
color: #6E1F73;
}
@media (width > 576px) {
.academia_website_avalanche_fees_details_hero_styles_outlinebtn {
margin-right: 1.5em;
}
}
.academia_website_avalanche_fees_details_hero_styles_fillbtn {
background-color: #6E1F73;
border: 0 none transparent;
color: white;
}