.hero { height: 700px; background-image: url({{ .hero.background }}) !important; background-size: cover; background-repeat: no-repeat; background-position: center center; } .hero-icon-container { padding: 1rem; } .hero-button { background-color: {{ .color.primary }}; color: white; border: 2px solid {{ .color.primary }}; border-radius: 4px; padding: 0.5rem 1.5rem; text-align: center; text-decoration: none; display: inline-block; font-size: 1rem; margin-top: 1rem; }