.search-component{max-width:800px;margin:0 auto 20px}
.search-input-wrapper{display:flex;margin-bottom:40px}
.search-input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-right:0;border-radius:4px 0 0 4px}
.search-button{background-color:#a5c843;border:1px solid #a5c843;padding:10px;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.search-button:hover{background-color:#8daf4b}
.search-icon{width:16px;height:16px;fill:white}
.search-results ul{list-style:none;padding:0}
.search-results .search-result_tile{border-color:rgb(97 108 113 / var(--tw-divide-opacity));--tw-divide-y-reverse:0;border-top-width:calc(1px* calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px* var(--tw-divide-y-reverse));--tw-divide-opacity:1}
.search-result_tile{padding-top:25px}
.search-results li{margin-bottom:40px}
.search-results h6{font-size:20px;margin:0 0 15px}
.search-results span{color:#a5c843}
.search-results p{font-size:18px;margin:0 0 15px;line-height:1.6}
.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:50px}
.pagination button{padding:10px 20px;border:1px solid #a5c843;background-color:#a5c843;color:#fff;border-radius:4px;cursor:pointer}
.pagination button:disabled{background-color:#ccc;border:1px solid #ccc;cursor:not-allowed}
.pagination span{font-size:18px}
.searchresults-spinner{border:8px solid #f3f3f3;border-top:8px solid green;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto;display:block}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}