.elementor-4170 .elementor-element.elementor-element-c9b866e{margin-top:-30px;margin-bottom:00px;padding:0px 0px 40px 0px;}.elementor-4170 .elementor-element.elementor-element-1aae2c6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4170 .elementor-element.elementor-element-1aae2c6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4170 .elementor-element.elementor-element-7afc1b8 > .elementor-widget-container{margin:-10px 0px -20px 0px;}.elementor-4170 .elementor-element.elementor-element-7afc1b8{z-index:0;}.elementor-4170 .elementor-element.elementor-element-0e815ca{width:100%;max-width:100%;}.elementor-4170 .elementor-element.elementor-element-0e815ca > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4170 .elementor-element.elementor-element-4557624{width:100%;max-width:100%;}.elementor-4170 .elementor-element.elementor-element-4557624 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4170 .elementor-element.elementor-element-6832be3{width:100%;max-width:100%;}.elementor-4170 .elementor-element.elementor-element-6832be3 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-4170 .elementor-element.elementor-element-c6b6969 > .elementor-widget-container{margin:-40px 0px -50px 0px;}.elementor-4170 .elementor-element.elementor-element-b8a814a > .elementor-widget-container{margin:-40px 0px -50px 0px;}@media(max-width:767px){.elementor-4170 .elementor-element.elementor-element-c6b6969 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4170 .elementor-element.elementor-element-b8a814a > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-7afc1b8 */} .handwriting-title .highlight::after { margin-top: -50px; /* smaller = closer to the text, negative pulls it up */ } /* Target your GCSE Maths button */ .btn-primary { position: relative; /* make it a positioning context */ } /* Remove the old arrow pseudo-element if you still have it */ .btn-primary::after { content: none !important; } /* Arrow + caption config (edit these values to reposition) */ .gcse-offer{ --arrow-size: 180px; /* arrow width/height (doublesize) */ --arrow-left: -160px; /* move arrow horizontally (negative = left) */ --arrow-top: -60px; /* move arrow vertically (negative = up) */ --arrow-rotate: 10deg; /* tilt to point toward button */ --caption-gap: 6px; /* space between arrow bottom and caption */ position: relative; display: inline-block; } /* Arrow image */ .gcse-offer .arrow-deco{ position: absolute; width: var(--arrow-size); height: var(--arrow-size); left: var(--arrow-left); top: var(--arrow-top); background: url("https://www.samellisacademy.org/wp-content/uploads/2025/08/ARROW.webp") no-repeat center / contain; transform: rotate(var(--arrow-rotate)); pointer-events: none; } /* Caption directly under the arrow */ .gcse-offer .arrow-caption{ position: absolute; width: var(--arrow-size); left: var(--arrow-left); top: calc(var(--arrow-top) + var(--arrow-size) + var(--caption-gap)); text-align: center; font-family: "handwriting", monospace; font-size: 28px; font-weight: 700; color: #ffffff; text-shadow: 0 -1px 0 #1d3a46, 1px -1px 0 #1d3a46, 1px 0 0 #1d3a46, 1px 1px 0 #1d3a46, 0 1px 0 #1d3a46, -1px 1px 0 #1d3a46, -1px 0 0 #1d3a46, -1px -1px 0 #1d3a46; /* optional: give it your 1px “stroke” look */ } /* Hide arrow + caption on small screens (optional) */ @media (max-width: 768px){ .gcse-offer .arrow-deco, .gcse-offer .arrow-caption{ display: none; } } .gcse-offer .arrow-caption { top: calc(var(--arrow-top) + var(--arrow-size) + var(--caption-gap) 0px); left: calc(var(--arrow-left) - 130px); /* Move + rotate together */ transform: translate(0, 0) rotate(19deg); transform-origin: center; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0e815ca *//* Matching button styles from pricing section */ .wiw .price-btn { display: inline-block; padding: 0px 0px 0px 0px; border-radius: 12px; font-family: "Handwriting", cursive; font-weight: 700; text-align: center; text-decoration: none; border: 1.5px solid #1d3a46; transition: transform 0.15s ease, background-color 0.3s ease; } /* Yellow button */ .wiw .price-btn.yellow { background-color: #f8c444; color: #ffffff; font-size: 38px !important; text-shadow: 0 -1px 0 #1d3a46, 1px -1px 0 #1d3a46, 1px 0 0 #1d3a46, 1px 1px 0 #1d3a46, 0 1px 0 #1d3a46, -1px 1px 0 #1d3a46, -1px 0 0 #1d3a46, -1px -1px 0 #1d3a46; } /* Green button */ .wiw .price-btn.green { background-color: #61ff95; color: #ffffff; font-size: 38px !important; text-shadow: 0 -1px 0 #1d3a46, 1px -1px 0 #1d3a46, 1px 0 0 #1d3a46, 1px 1px 0 #1d3a46, 0 1px 0 #1d3a46, -1px 1px 0 #1d3a46, -1px 0 0 #1d3a46, -1px -1px 0 #1d3a46; } /* Hover swell effect */ .wiw .price-btn:hover { transform: scale(1.04); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4557624 *//* Matching button styles from pricing section */ .wiw .price-btn { display: inline-block; padding: 0px 0px 0px 0px; border-radius: 12px; font-family: "Handwriting", cursive; font-weight: 700; text-align: center; text-decoration: none; border: 1.5px solid #1d3a46; transition: transform 0.15s ease, background-color 0.3s ease; } /* Yellow button */ .wiw .price-btn.yellow { background-color: #f8c444; color: #ffffff; font-size: 38px !important; text-shadow: 0 -1px 0 #1d3a46, 1px -1px 0 #1d3a46, 1px 0 0 #1d3a46, 1px 1px 0 #1d3a46, 0 1px 0 #1d3a46, -1px 1px 0 #1d3a46, -1px 0 0 #1d3a46, -1px -1px 0 #1d3a46; } /* Green button */ .wiw .price-btn.green { background-color: #61ff95; color: #ffffff; font-size: 38px !important; text-shadow: 0 -1px 0 #1d3a46, 1px -1px 0 #1d3a46, 1px 0 0 #1d3a46, 1px 1px 0 #1d3a46, 0 1px 0 #1d3a46, -1px 1px 0 #1d3a46, -1px 0 0 #1d3a46, -1px -1px 0 #1d3a46; } /* Hover swell effect */ .wiw .price-btn:hover { transform: scale(1.04); } }/* End custom CSS */